エキスパート：実技問題（HTML作成、CSS読込と作成、画像の表示、JavaScriptの読込、レスポンシブWebデザイン対応）
レスポンシブWebデザインでブレークポイントを設計する一般的な手順として最も適切なものはどれか。
- A特定のデバイス（iPhoneやiPadなど）の画面幅にのみ合わせてブレークポイントを固定的に設定する
- ✓コンテンツのレイアウトが崩れ始める画面幅を確認し、その値を基準にブレークポイントを設定する
- Cすべてのページで同一の1つのブレークポイントのみを使用し、それ以外のメディアクエリは一切記述しない
- DブレークポイントはJavaScriptで動的に計算し、CSSのメディアクエリは使用しない
解説
特定機種の画面幅に固定するのではなく、実際にレイアウトが崩れ始める幅（コンテンツブレークポイント）を基準に設定するのが一般的かつ保守性の高い手法である。
根拠実技問題：レスポンシブWebデザイン対応