jquery.widthwatch

bodyに付与されたclassで背景色を出し分けています

PC-Btn
TB-Btn
SP-Btn

Option

			
// ↓ブレイクポイントを指定してください。
pc_bp: 950,
tb_bp: 768,
iphn6_bp: 375,
landscape_bp: 568,
portlate_bp: 320,

// ↓対応するwidthのclass名
pcClass: 'pc-style',
tabClass: 'tab-style',
iphn6Class: 'iphn6-style',
spClass: 'sp-style',
oriPortlate: 'portrait-style',
oriLandscape: 'landscape-style',
androidClass: 'android-style',
iOSClass: 'iOS-style',

CallBack

			
// それぞれのwidthの場合に起動するJSのコールバック
resizeOn_pc: function() { 
	console.log('******* pcの時だけ起動するfunctionや変数をここに書きます *******');
},
resizeOn_tb: function() { 
	console.log('******* tbの時だけ起動するfunctionや変数をここに書きます *******');
},
resizeOn_sp: function() {
	console.log('******* spの時だけ起動するfunctionや変数をここに書きます *******');
}

Download