エキスパート：知識問題（Webサイトに関する知識）
モバイルファーストの考え方に基づいてレスポンシブWebデザインのCSSを記述する場合、最も適切な手順はどれか。
- AまずPC向けの広い画面用のスタイルを記述し、max-widthのメディアクエリで画面が狭くなるほどスタイルを上書きしていく
- ✓まずスマートフォンなど狭い画面向けのスタイルを基本として記述し、min-widthのメディアクエリで画面が広くなるほどスタイルを上書きしていく
- C画面幅にかかわらず単一のスタイルのみを記述し、メディアクエリは使用しない
- DPC用とスマートフォン用でそれぞれ完全に別のHTMLファイルを用意し、CSSは共通化しない
解説
モバイルファーストでは、まず制約の多い狭い画面向けの基本スタイルを記述し、その上でmin-widthを用いたメディアクエリによって画面が広くなるにつれて段階的にスタイルを追加・上書きしていく手順が一般的である。
根拠エキスパート認定基準：マルチデバイス対応（レスポンシブWebデザインの実装手順）