エキスパート：実技問題（HTML作成、CSS読込と作成、画像の表示、JavaScriptの読込、レスポンシブWebデザイン対応）
あるWebページのhead要素内にviewportメタタグの記述が無かったため、スマートフォンで閲覧すると文字が非常に小さく表示され、PC向けの幅でレイアウトが表示されてしまった。この問題を解決するために追加すべき記述として最も適切なものはどれか。
- A<meta charset="UTF-8">
- ✓<meta name="viewport" content="width=device-width, initial-scale=1.0">
- C<meta name="viewport" content="width=1024">
- D<link rel="stylesheet" href="responsive.css">
解説
viewportメタタグでwidth=device-widthとinitial-scale=1.0を指定することで、デバイスの画面幅に合わせて表示されるようになり、レスポンシブ対応の前提条件が整う。
根拠実技問題：レスポンシブWebデザイン対応