jQueryもレスポンシブにしたいときは、画面幅で条件分岐させる。
$(window).on('load resize', function(){
  var w = $(window).width();
  var x = 768;
  if (w > x) {
    // wがxより大きいとき
  } elseif (w >= x) {
    // wがx以上のとき
  } elseif (w < x) {
    // wがxより小さいとき
  } elseif (w <= x) {
    // wがx以下のとき
  }
});
1行目のload resizeは、ロード時とリサイズ時に発動させる呪文。
3行目で分岐させたい画面幅をpx抜きで定義。
- 参考サイト
