初心者も分かる！レスポンシブ・デザインの作り方

レスポンシブサイトのHTML、CSSの作成方法を、初心者にも分かるように説明。サンプルコード、テクニックなど。

[s51517765]

スマホ向けCSS / <div class="abc"></div> / <link rel="stylesheet" type="text/css" href="example.css"> / .abc {color: #00ff00 ;/* 緑} @media screen and ( max-width:360px ){ body { color: #f00 ; /* 赤色 */ width: 300px ; }

[mingos]

分かりやすい

[nknkt]

サンプル付き、実際に作る

[urarai]

あとでよむ

[kamekumechan]

これはわかりやすい！

[simamikiii]

“<meta name="viewport" content="width=device-width,initial-scale=1">”

[negapogi2000]

初心者向き。サンプルソースあり。

[MoneyReport]

素晴らしい内容です！ちっともレスポンシブデザインのイロハを知りませんでしたが、この記事を読んだだけでほぼ分かりました！今度自分のWebサイトに適用します！ありがとうございました！

[dirablue]

layout design

[brulee74]

ヘッダーのサイズ。