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 }
仕様
仕様書 | 策定状況 | 備考 |
---|---|---|
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 |
---|---|---|---|---|---|---|---|
基本サポート | ? | (有) | ? | ? | ? | ? | ? |