window.matchMedia

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 (en-US) pour plus d'exemples.

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