MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

Window.matchMedia()

Esta traducción está incompleta. Por favor, ayuda a traducir este artículo del inglés.

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

Specification Status Comment
CSS Object Model (CSSOM) View Module
The definition of 'Window.matchMedia()' in that specification.
Working Draft Initial definition

Browser compatibility

Feature Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari
Basic support 9 (Yes) 6.0 (6.0) 10 12.1 5.1
Feature Android Edge Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support 3.0 (Yes) 6.0 (6.0) No support 12.1 5

See also

Etiquetas y colaboradores del documento

 Colaboradores en esta página: tavo379
 Última actualización por: tavo379,