window.matchMedia

Retourne un nouvel objet MediaQueryList (en-US) contenant les résultats de la chaîne de caractères media query spécifiée.

mql = window.matchMedia(mediaQueryString)

Ici, mediaQueryString est une chaîne de caractère représentant la media query pour laquelle on retourne un nouvel objet MediaQueryList (en-US).

if (window.matchMedia("(min-width: 400px)").matches) {
  /* the view port is at least 400 pixels wide */
} else {
  /* the view port is less than 400 pixels wide */
}

Ce code permet de gérer la mise en page d'une manière différente quand l'écran est moins large.

Voir Utiliser les media queries avec du code pour plus d'exemples.

• Media queries
• Using media queries from code
• MediaQueryList (en-US)
• MediaQueryListListener (en-US)