音楽系Webエンジニアを目指すブログ

音楽系Webエンジニアを目指す普通のエンジニアが普段の日常を日記として書いていきます。

Javascriptでの画面サイズによる分岐処理

Javascriptで画面サイズによる処理を分岐したい場合、
jQueryを使い以下のようにします。(PCとモバイル端末の場合)

<script type="text/javascript">
jQuery(document).ready(function($) {
    //PC環境の場合
    if (window.matchMedia( '(min-width: 769px)' ).matches) { //切り替える画面サイズ
             〜
    //モバイル環境の場合
    } else {
             〜
    };
});
</script>