webかたつむり ウェブデザインを勉強中 ウェブ初心者のおぼえがき

webかたつむり

ウェブデザインを勉強中

responsive

responsive 全画面表示 2

上のPC用ページをレスポンシブに変える。 方針 ロゴはヘッダーのようにトップに置く。 画像、キャプションと交互に表示する。 画像は背景なのでwidth: 100%; height: 0; padding-bottom: で写真の領域を確保する。backgroundの画像をレスポンシブにする時は…