“if (window.matchMedia( "(min-width: 400px)" ).matches) { /* ビューポートの幅が 400 ピクセル以上の場合のコードをここに */ } else { /* ビューポートの幅は 400 ピクセル未満の場合のコードをここに */ }”

reboot_in のブックマーク 2022/04/12 00:27

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/252738885/comment/reboot_in" data-user-id="reboot_in" data-entry-url="https://b.hatena.ne.jp/entry/s/developer.mozilla.org/ja/docs/Web/API/Window/matchMedia" data-original-href="https://developer.mozilla.org/ja/docs/Web/API/Window/matchMedia" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fdeveloper.mozilla.org%2Fja%2Fdocs%2FWeb%2FAPI%2FWindow%2FmatchMedia" data-user-icon="/users/reboot_in/profile.png">window.matchMedia - Web API | MDN</a><br><p style="clear: left">“if (window.matchMedia( &quot;(min-width: 400px)&quot; ).matches) { /* ビューポートの幅が 400 ピクセル以上の場合のコードをここに */ } else { /* ビューポートの幅は 400 ピクセル未満の場合のコードをここに */ }”</p><a class="datetime" href="https://b.hatena.ne.jp/reboot_in/20220412#bookmark-252738885"><span class="datetime-body">2022/04/12 00:27</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！

window.matchMedia - Web API | MDN

developer.mozilla.org2014/06/16

WindowインスタンスプロパティcachesclosedconsolecookieStorecredentiallesscrossOriginIsolatedcryptocustomElementsdevicePixelRatiodocumentdocumentPictureInPictureeventexternal 非推奨 fence Experimenta...

12 人がブックマーク・4 件のコメント

他のコメントを読む

＼コメントがサクサク読めるアプリです／

はてなブックマーク

window.matchMedia - Web API | MDN

はてなブックマーク

公式Twitter

はてなのサービス