window.matchMedia()

(Web API > Window)
https://developer.mozilla.org/ja/docs/Web/API/Window/matchMedia

const mediaQueryListObject = window.matchMedia(mediaQueryString)

window.matchMedia() は引数にメディアクエリ文字列を指定して実行すると、現在のドキュメントがそのメディアクエリの条件にマッチするかを評価した結果を表す MediaQueryList オブジェクトを返す。

// ドキュメントが指定されたメディアクエリにマッチするかを判定
if (window.matchMedia('(min-width: 640px)').matches) {
  console.log('ビューポート幅は640px以上');
}else{
  console.log('ビューポート幅は640px未満');
}
inserted by FC2 system