Utiliser uniquement des tailles relatives (rem, em, %, etc.) pour les points de rupture des media queries

Pour définir les points de rupture des media queries, il est recommandé d’utiliser uniquement des unités relatives (comme rem, em ou %) pour la règle CSS @media.

@media (max-width: 25rem) {
  nav li.tile {
    width: 33%;
  }
}

Plutôt que des unités absolues comme px, pt, cm, etc.

Remarque

Suivre également cette recommandation pour les media queries intégrées directement dans la balise <link /> :

<link rel="stylesheet" href="/css/extra-small.css" media="all and (max-width: 25rem)" />

Commentaires

Haut de page