Différences

Ci-dessous, les différences entre deux révisions de la page.

--- devweb:responsive [10-02-2015 23:47]
edmc73 créée
+++ devweb:responsive [29-03-2015 23:42] (Version actuelle)
edmc73
@@ Ligne 1: / Ligne 1: @@
 ====== 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/ grid minimaliste mais fait le boulot :)
+  * 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é