レスポンシブデザインのjQueryの書き方

質問

WEB初心者ながら、レスポンシブデザインに対応したホームページを制作したいと思っています。

スマホサイズのときのみ、ドロワーメニューにしたいのですが、jQueryをindex.htmlのheadに適応するとＰＣサイズの画面の時にも、そのjQueryが適応されてしまいます。

cssは、@media only screen and (min-width: 640px) {
の書き方でひとつのファイルで行っております。

スマホサイズのときだけjQueryを適応させるにはどのような書き方をすればよろしいのでしょうか？
宜しくお願いいたします。

回答No.1

ORUKA1951 · ベストアンサー

(min-width: 640px)
とは、最小640pxまでと言う意味です。
max-width
だと、それより小さい物には適用しない

1) 永続的スタイルシートに、共通な設定を記入する。
2) screen用にscreen共通のスタイル--リキッド--
　　　mediaQueryを利用できないブラウザ用
　print用は別途
3) 小さな画面用に(2)を上書きさせる形でmax-widthにて・・