Window.matchMedia()
El método Window.matchMedia()
devuelve un nuevo objeto MediaQueryList
que representa los analizados de la media query indicada.
Sintaxis
js
mql = window.matchMedia(mediaQueryString);
Donde mediaQueryString
es una cadena de texto que representa la media query de la que devolver un nuevo objeto MediaQueryList
.
Ejemplo
Este código le permite manejar las cosas de forma diferente cuando la ventana es muy estrecha.
js
if (window.matchMedia("(min-width: 400px)").matches) {
/* La pantalla tiene al menos 400 píxeles de ancho */
} else {
/* La pantalla tiene menos de 400 píxeles de ancho */
}
Consulte Probando media queries para ver ejemplos adicionales.
Especificaciones
Specification |
---|
CSSOM View Module # dom-window-matchmedia |
Compatibilidad con navegadores
BCD tables only load in the browser