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 の定義
草案 初期定義。

ブラウザーの実装状況

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!

機能 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,