エキスパート:知識問題(Webサイトに関する知識)
あるレスポンシブ対応のWebサイトをスマートフォンで閲覧したところ、PC表示と同じ幅でレイアウトが表示され、横スクロールが発生してしまった。この現象の原因として最も考えられるものはどれか。
- ✓viewportメタタグが設定されていない
- B画像のalt属性が設定されていない
- C見出しタグにh1が使われていない
- D背景色がCSSで指定されていない
解説
viewportメタタグが設定されていないと、モバイル端末はPC向けの幅(既定で約980px)を基準にページを縮小表示しようとするため、横スクロールが発生する。これはマルチデバイス対応における基本的な不具合原因である。
根拠エキスパート認定基準:マルチデバイス対応(レスポンシブWebデザインの実装知識)