エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
JavaScriptでもメディアクエリが使えるwindow.matchMediaを関数化して使い回す - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
JavaScriptでもメディアクエリが使えるwindow.matchMediaを関数化して使い回す - Qiita
要約 window.matchMediaはメディアクエリ文字列を渡して、その条件が切り替わった時にだけ処理を実行し... 要約 window.matchMediaはメディアクエリ文字列を渡して、その条件が切り替わった時にだけ処理を実行してくれます いわゆるdebounce()などでresizeイベントの間引きをする必要がありません(画面の横幅を使う処理はresizeイベントが引き続き適切です) IE10からサポートされているので、ブラウザの対応範囲を気にする必要はありません(matchMedia | Can I use... Support tables for HTML5, CSS3, etc) コールバックを実行する関数にして、1箇所でメディアクエリ文字列を管理できます ソースコード real-world-website-boilerplate/mediaQuery.jsとpwa-helpers/media-query.tsを元にしています class構文の静的メソッドに変更していますが、const me

