Surprisedblog https://blog.hatena.ne.jp/Surprisedblog/ IT the Best https://www.it-the-best.com/ JavaScript-レスポンシブデザイン JavaScript レスポンシブデザイン JavaScript-matchMedia matchMedia JavaScriptによるレスポンシブ対応の実現方法をresize/observer/matchMedia別にまとめました。サンプルコードもあるので参考になればと思います。主に画面幅/要素の横幅の変更時にスタイルを変更することを想定して作成しました。 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.it-the-best.com%2Fentry%2Fjs-responsive-matchMedia" title="【JS】window.matchMediaで画面横幅に対応した処理をする。resizeイベント、observerと比較 | JavaScriptでのレスポンシブデザイン - IT the Best" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/S/Surprisedblog/20210902/20210902183946.jpg Hatena Blog https://hatena.blog 2021-09-16 13:00:00 rich https://www.it-the-best.com/entry/js-responsive-matchMedia 1.0 100%