window.matchmediaとは簡単にいえば、JavaScript版 mediaqueryです。 https://developer.mozilla.org/ja/docs/Web/API/Window/matchMedia windowサイズに応じてJSの処理を書き分けることができます。 ただ、IE9以下では使えません!スマホはバッチリ!(Android3以下…?知らない子ですね…。) 使い方とりあえず var widthMatch = window.matchMedia("(min-height: 500px)").matches; console.log(widthMatch); これで、高さの最小値が500pxあるかどうかがブール値で出てきます。 そして、主な使い方として // ウィンドウサイズでの処理 if (window.matchMedia("screen and (m
![やるやんwindow.matchmedia - FICC Workbook](https://cdn-ak-scissors.b.st-hatena.com/image/square/27417609bca7fee92ff683f339e11fa7d01ce40a/height=288;version=1;width=512/https%3A%2F%2Fficcworkbook.s3-ap-northeast-1.amazonaws.com%2Fog.png)