【RWD】レスポンシブWeb基礎

CSS

/* PC用 */

/* 979px以下用(タブレット用)の記述 */
@media screen and (max-width: 979px){
	
}

/* 767px以下用(タブレット用)の記述 */
@media screen and (max-width: 767px){
	
}

/* 479px以下用(PC用)の記述 */
@media screen and (max-width: 479px){
	
}

HTML

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">

// 端末画面の幅に合わせる
width=devic-width

// 初期のズーム倍率
initial-scale=1

// 最小倍率
minimum-scale=1

// 最大倍率
maximum-scale=1

// ズームの操作
user-scalable=no

広告