MediaQueryList.matches

La propiedad matches de sólo lectura de la interfaz MediaQueryList es Boolean que devuelve true si el document coincide actualmente con el medio lista de consultas, o false si no.

Sintaxis

var matches = MediaQueryList.matches;

Value

A Boolean; returns true if the document currently matches the media query list, false if not.

Examples

var mql = window.matchMedia('(max-width: 600px)');

if(mql.matches) {
  // media query test returning true
}

Specifications

Browser compatibility

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

See also

• Media queries
• Using media queries from code
• window.matchMedia()
• MediaQueryList
• MediaQueryListEvent