1448 sujets

Web Mobile et responsive web design

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