Adapter un site aux smartphones via media-query

Nico — Sun, 19 Feb 2012 21:41:03 +0100

Les cas que j'avais en tête ne se limitent pas à max-size, sinon ce serait trop simple. :) Mon idée est simple : produire le plus rapidement avec le moins de changements possible une version smartphone, tout en limitant le plus possible les tests sur ces derniers.

Avec un peu de pratique, on arrive à une rapidité d'adaptation assez étonnante.

Adapter un site aux smartphones via media-query

Victor Brito — Sun, 19 Feb 2012 21:21:58 +0100

Pour les tests sur un navigateur de bureau récent, pas besoin de réécrire la règle @media, puisque la requête max-width est comprise : il suffit de redimensionner la fenêtre du navigateur aux bonnes dimensions. D'ailleurs, l'extension Web Developer Toolbar pour Firefox permet d'enregistrer plusieurs dimensions de fenêtre et de redimensionner la fenêtre de Firefox sans avoir à l'effectuer manuellement ; pour ma part, je m'en sers quand je dois vérifier l'affichage sur un écran plus réduit en plus des tests sur smartphone et tablette, car je n'oublie pas qu'on peut consulter une page Web depuis un ordinateur classique aux dimensions d'écran réduites ou dont les fenêtres de navigateur sont réduites, quelles qu'en soient les raisons.

Nico’s dreams - Commentaires du blog de Nicolas Hoffmann

Adapter un site aux smartphones via media-query

Adapter un site aux smartphones via media-query