55日目 | web制作

本日は…

■レスポンシブwebデザインについて
→スマホで見ても見られる、というくらいのことから、スマホで見ても情報量が変わらないというレベルまで（正しくは後者）

＜レスポンシブwebデザインの簡単な作り方＞

<meta name="viewport" content="width=device-width">

①ヘッダーのメタタグにviewportの記述

@media only screen and (min-width: ○○){
/* スタイルシート */
}

②スタイルシートで場合わけして書くmin-widthであれば最小値、以上の設定

最大サイズ

タブレットサイズ

スマホサイズ

実際のサイト豆はカラダにイイ