window.matchMedia

Retourne un nouvel objet MediaQueryList 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.

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.

• The CSSOM View Module: The MediaQueryList Interface

• Media queries
• Using media queries from code
• MediaQueryList
• MediaQueryListListener