教科書で学ぶフィードバック表示とWebデザイン実装
定義レスポンシブWebデザインは、1 つの Web ページのレイアウトを、表示する端末の画面幅に合わせて自動で組み替える作り方である。
解説端末の種類ごとに別のページを用意するのではなく、同じページの中に画面幅ごとの表示の指定を CSS で書き分けておき、ブラウザが画面幅に合う指定を選んで表示する。例えば、幅の広い画面では横に 3 列並べた写真を、幅の狭い画面では縦 1 列に並べ替える。
たとえ伸び縮みする布で作った服が、着る人の体に合わせて 1 着でなじむようなものです。
記憶フックresponsive は「すぐに応じる」。画面の幅という合図に、ページが素早く応じて形を変えると覚える。