レスポンシブページで、特定のデバイス幅だけJavaScriptを動作させるときの覚書 | PengNoteレスポンシブページのコーディング時に、スマホビューだけプルダウンにするみたいな要望があって、普段よく対応しているのがPC, SPで出し分けなサイトなので、どういう実装にするのが良いのかちょっと悩んだ。 とりあえず思い浮かんだのはこれ ユーザーエージェントで判別 window.innerWidth で処理を当てる ただ、上の方はレスポンシブサイトの場合あまり適さない。 window.innerWidth の方かなーと思っていたけど、スクロールバーの関係で、innerWidth でやると面倒くさいらしい。 参考: window.matchMedia をそろそろ活用してもいい頃 そこで割りと良さそうなのが、 window.matchMedia 。 window.matchMedia - Web API インターフェイス | MDN window.matchMediaを使って実装 matchMed
