Media queries, width en em ?

Gyzm0

4 Mar 2013 à 14:28

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.

rodolpheb

5 Mar 2013 à 11:48

Bonjour,

Voici une bonne manière de comprendre l'intérêt des em et leur fonctionnement.

Gyzm0

5 Mar 2013 à 16:02

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