Qraft(クラフト) 資格・学習クイズアプリ

CSS基礎 練習問題 59:ビューポート相対単位

レスポンシブデザインにおいて、ブラウザの表示領域(ビューポート)の幅に応じて要素の幅や文字サイズを相対的に変化させたい場合、正しいCSSの書き方はどれか。

  1. 画面の幅の1%を基準としてサイズを指定するには、「pw」という単位を使用する。
  2. 画面の幅の1%を基準としてサイズを指定するには、「vw」という単位を使用する。
  3. 画面の幅の1%を基準としてサイズを指定するには、「cw」という単位を使用する。
  4. 画面の幅の1%を基準としてサイズを指定するには、「dw」という単位を使用する。
  5. 画面の幅の1%を基準としてサイズを指定するには、「sw」という単位を使用する。
正解と解説を見る
正解:画面の幅の1%を基準としてサイズを指定するには、「vw」という単位を使用する。

画面幅を基準にした相対単位を使用するため、該当する説明が正解です。

【正解の理由】
「vw」はViewport Width(=ビューポートの幅)の略で、画面幅の1%を1vwとする単位です。画面サイズに応じて要素の大きさを変えたい場合に使用します。

【不正解の理由】
• 「pw」という単位はCSSに存在しないため誤り
• 「cw」という単位はCSSに存在しないため誤り
• 「dw」という単位はCSSに存在しないため誤り
• 「sw」という単位はCSSに存在しないため誤り

← 前の問題問題一覧次の問題 →
アプリで解いてレーティングを上げる(無料・登録不要)