CSSのメディアクエリと連動するjQueryコード。isMobileとかisTabletとか

カテゴリー: JavaScript, WEB技術,

そこで良くあるブレークポイントである、

  1. タブレット
  2. スマートフォン

上記のデバイスにおいてCSSのメディアクエリとJSを連動させる仕組みを作りました。

if(isMobile.phone){
		// モバイルの場合
		$('#pc_header').hide();
	} else {
		// PCとタブレットは何もしない
		$('#mobile_header').show();
	}

 

いくつあるのかわからないユーザエージェントでifするよりも画面サイズ⇒メディアクエリー⇒jQueryと連動してるほうが動作も軽いし間違いもないと思う、素敵やなーこれ。詳細はソース元で。


関連記事

関連記事はまだありません

JavaScript」のBookmark
「JavaScript」記事一覧