Window.matchMedia()

Resumen

Retorna un nuevo objeto MediaQueryList  que representa los resultados analizados de la cadena media query .

Sintaxis

mql = window.matchMedia(mediaQueryString)

Donde mediaQueryString es una cadena que representa  el media query para devolver un nuevo objeto  MediaQueryList 

Ejemplo

if (window.matchMedia("(min-width: 400px)").matches) {
  /* the viewport is at least 400 pixels wide */
} else {
  /* the viewport is less than 400 pixels wide */
}

This code lets you handle things differently when the window is very narrow.

See Using media queries from code for additional examples.

Specifications

Browser compatibility

See also

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