CSS基礎 練習問題 59:ビューポート相対単位
レスポンシブデザインにおいて、ブラウザの表示領域(ビューポート)の幅に応じて要素の幅や文字サイズを相対的に変化させたい場合、正しいCSSの書き方はどれか。
- 画面の幅の1%を基準としてサイズを指定するには、「pw」という単位を使用する。
- 画面の幅の1%を基準としてサイズを指定するには、「vw」という単位を使用する。
- 画面の幅の1%を基準としてサイズを指定するには、「cw」という単位を使用する。
- 画面の幅の1%を基準としてサイズを指定するには、「dw」という単位を使用する。
- 画面の幅の1%を基準としてサイズを指定するには、「sw」という単位を使用する。
正解と解説を見る
正解:画面の幅の1%を基準としてサイズを指定するには、「vw」という単位を使用する。
画面幅を基準にした相対単位を使用するため、該当する説明が正解です。
【正解の理由】
「vw」はViewport Width(=ビューポートの幅)の略で、画面幅の1%を1vwとする単位です。画面サイズに応じて要素の大きさを変えたい場合に使用します。
【不正解の理由】
• 「pw」という単位はCSSに存在しないため誤り
• 「cw」という単位はCSSに存在しないため誤り
• 「dw」という単位はCSSに存在しないため誤り
• 「sw」という単位はCSSに存在しないため誤り