MediaQueryList.matches

MediaQueryList の matches 読み取り専用プロパティは、document がメディアクエリーのリストに一致していれば true を返し、そうでなければ false を返す Boolean 値です。

構文

var matches = MediaQueryList.matches;

値

Boolean。document が現在メディアクエリーのリストに一致していれば true を返し、そうでなければ false を返します。

例

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

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

仕様

ブラウザーの実装状況

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!

関連情報

• Media クエリー
• スクリプトからのメディアクエリーの使用
• window.matchMedia()
• MediaQueryList
• MediaQueryListEvent