Pb de media queries

Mon mobile LG Optimus One a une resolution de 320px par 480. Pourtant mes media queries ne se declenchent dessus que lorsqu'elles ont une condition max-width de 800px !

A moins que 320 ne soit egal a 800 je ne comprend pas le pourquoi du comment. Une idee ?

Salut,

Utilises-tu le paramètre max-device-width ?

apericube a écrit :
Mon mobile LG Optimus One a une resolution de 320px par 480. Pourtant mes media queries ne se declenchent dessus que lorsqu'elles ont une condition max-width de 800px !

A moins que 320 ne soit egal a 800 je ne comprend pas le pourquoi du comment. Une idee ?

Hello,

C'est normal.
- Si ta condition se base sur "max-width", elle prendra la largeur du viewport (qui est par défaut de 800px) sauf si tu la modifies via la balise HTML <meta> viewport.
- Si ta condition se base sur "max-device-width", elle prendra la largeur physique du terminal (qui est de 320px)

Petit rappel :
http://www.alsacreations.com/astuce/lire/1177-une-feuille-de-styles-de-base-pour-le-web-mobile.html
Modifié par Raphael (07 Nov 2011 - 16:15)

Avec la balise HTML <meta> viewport ca va tout de suite mieux, merci !