JavascriptでWebサイトのレスポンシブ対応 - Qiita

<meta name="viewport" content="width=device-width, initial-scale=1"> ↑ headerに入れる <script type="text/javascript"> $(window).on('load resize', function(){ var x = $(window).width(); if (x <= 906) { $(document.body).addClass('narrow'); if (x <= 767) { $(document.body).addClass('for-tablet'); if (x <= 479) { $(document.body).addClass('for-mobile'); } else { $(document.body).removeClass('for-mobile');