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
}

仕様

ブラウザーの実装状況

現在、互換性データを可読形式の JSON フォーマットに置き換えているところです。 この互換性一覧は古い形式を使っており、これに含まれるデータの置き換えが済んでいません。 手助けしていただける場合は、こちらから！

関連情報

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