ブログ

PCとスマホで処理を切り替える

PCとスマホで違うことをしたいっていうのは結構ある。

そんなときの備忘録。

$(function () {
  function checkBreakPoint() {
    var w = $(window).width();
    if (w <= 767) {
      // スマホ向け(767px以下のとき)
      });
    } else {
      // PC向け
    }
  }
  // ウインドウがリサイズする度にチェック
  $(window).resize(function () {
    checkBreakPoint();
  });
  // 初回チェック
  checkBreakPoint();
});

コピペできるようにベーシックなスタイル。