1478 sujets

Web Mobile et responsive web design

Media queries, width en em ?

Bonjour,

en lisant cet article, je suis tombé sur ce bout de code :

@media all and (min-width: 1em) and (max-width: 45em) {
body:after { /*  http://adactio.com/journal/5429/  */
content: 'mqsupport';
display: none;
}}



et je me pose donc la question : quels est la meilleure façon d'écrire une média queries ?


@media (min-width: 1220px) {

}


ou


@media all and (min-width: 30em) {

}



En gros quel est l'intérêt d'utiliser des valeurs en "em" dans les médias queries au lieu des "px" et à quoi correspond une valeur de "42em" par exemple ?


Merci pour vos conseils.
Merci pour le lien, j'ai quasi lu l'article en entier, mais ça parle essentiellement de l'unité EM pour les font-size et l'accessibilité, chose que je connais déjà.


Ca ne m'explique pas comment on peut utiliser l'unité EM dans les médias queries et le responsive design Smiley decu
Sujet clos
Aller à