【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

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト /  変更 )

Google フォト

Google アカウントを使ってコメントしています。 ログアウト /  変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト /  変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト /  変更 )

%s と連携中