レスポンシブWebデザイン
更新日:
用語解説
レスポンシブWebデザインは、一つのHTMLを使い、画面の幅や向きに応じてレイアウトを柔軟に変えるWebの設計です。
■ 試験で押さえるポイント
伸縮するグリッドや画像と、CSSのメディアクエリを組み合わせて実現します。
単に縮小するのではなく、狭い画面では列を縦に並べるなど配置を変えます。
端末ごとに別のHTMLを用意する方式より、管理を一元化しやすくなります。
■ 選択肢での判断ポイント
メディアクエリやモバイルファーストとの関係が出題されます。
例: PCでは商品を3列、スマートフォンでは1列で表示するページです。