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
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
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.
Spécifications
Spécification | Statut | Commentaire |
---|---|---|
CSS Object Model (CSSOM) View Module La définition de 'Window.matchMedia()' dans cette spécification. |
Version de travail | Définition initiale. |
Compatibilité des navigateurs
BCD tables only load in the browser