matchMedia()

このエントリーをはてなブックマークに追加

matchMediaメソッドは引数で渡されたメディアクエリ文字列からMediaQueryList オブジェクトを返すメソッドです。

MediaQueryList オブジェクトmatchesプロパティとmediaプロパティaddListenerメソッドremoveListenerソッドをもちます。

MediaQueryListを利用することでCSSのメディアクエリと同様のことが可能です。

if(window.matchMedia("(min-width: 500px)").matches){
  //widthが500px以下の場合の処理
}else{
  //widthが501px以上の場合の処理
}

登録日 : 2012年09月16日 最終更新日 : 2012年9月16日

同じカテゴリー(Window)のエントリー

検索

スポンサードリンク

バージョン

リファレンス