テクノロジ系 / ユーザーインタフェース
レスポンシブ Web デザイン
レスポンシブWebデザインは、1つのページで画面サイズに応じて表示を最適化する設計手法です。
もう少し詳しく
パソコン・タブレット・スマートフォンなど、画面の大きさが違っても、同じページが各端末で見やすいレイアウトに自動で変わるようにします。端末ごとに別ページを作らずに済むため、管理が楽で一貫性も保てます。メディアクエリなどの技術で実現します。
試験での見方
例：同じページが、スマホでは縦並び、PCでは横並びに自動で変わります。
1つのページで多様な画面に対応する点と、メディアクエリとの関連が問われます。端末別ページとの違いを押さえましょう。