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.

Syntaxe

js
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).

Exemple

js
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.

Spécifications

Specification
CSSOM View Module
# dom-window-matchmedia

Compatibilité des navigateurs

BCD tables only load in the browser

Voir aussi