MediaQueryList.matches

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

構文

var matches = MediaQueryList.matches;

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

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

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

仕様

仕様書 策定状況 備考
CSS Object Model (CSSOM) View Module
matches の定義
草案 初期定義。

ブラウザーの実装状況

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

機能 Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari
基本サポート 9 (有) 6.0 (6.0) 10 12.1 5
機能 Android Edge Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile Chrome for Android
基本サポート ? (有) ? ? ? ? ?

関連情報

ドキュメントのタグと貢献者

このページの貢献者: Marsf
最終更新者: Marsf,