MediaQueryList.matches

The matches read-only property of the MediaQueryList interface is a Boolean that returns true if the document currently matches the media query list, or false if not.

Syntax

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

See also

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