Responsive Design [EDMC73.com]

Cette page est en lecture seule. Vous pouvez afficher le texte source, mais ne pourrez pas le modifier. Contactez votre administrateur si vous pensez qu’il s’agit d’une erreur.

====== Responsive Design ======

===== Outils =====

  * http://detectmobilebrowsers.com/ fourni un code pour détecter si on est sur un mobile pour plein de langage différent

===== Grid =====

  * http://onepcssgrid.mattimling.com/ 12 Columns Fluid CSS Grid System. Minimaliste mais fait le boulot :)

Mais cette grid impose de rajouter la class last sur la dernière colonne, pour éviter cette chose ignoble, il suffit de remplacer ceci

<code css>.col1.last, .col2.last, .col3.last, .col4.last, .col5.last, .col6.last, .col7.last, .col8.last, .col9.last, .col10.last, .col11.last, .col12 {
	margin: 0;
}
</code>

Par ceci
<code css>
.col1:last-child, .col2:last-child, .col3:last-child, .col4:last-child, .col5:last-child, .col6:last-child, .col7:last-child, .col8:last-child, .col9:last-child, .col10:last-child, .col11:last-child, .col12 {
	margin: 0;
}
</code>

  * http://www.responsivegridsystem.com/calculator/ celui ci est peut être moins buggué

Outils pour utilisateurs

Outils du site

Outils de la page