Media Queryによる傍受

Media Queryを利用してMedia Queryを傍受するのは、ほとんどの人が使用したと信じています.実はJavaScriptはMedia Queryに合わせて使えます.

var mql = window.matchMedia("(orientation: portrait)");
mql.addListener(handleOrientationChange);
handleOrientationChange(mql);
function handleOrientationChange(mql) {
  if (mql.matches) {
    alert('The device is currently in portrait orientation ')
  } else {
    alert('The device is currently in landscape orientation')
  }}

Media Queryインタフェースによるイベントリスニングを利用しているので、強力です!CSS値を取得してMedia Queryを使用してデバイスの状況を判断することもできますが、詳細はJavaScriptがCSS Media Queriesに基づいてデバイスを判断する方法を参照してください.