ビューポート高さ (vh)とは？

vh（ビューポート高さ）はビューポートの高さの1%に相当するCSS単位です。1080px高さの画面では、1vhは10.8pxに相当します。

定義

記号

vh

カテゴリー

CSS単位

測定体系

CSS

1 {unit} = {value} {otherUnit}

1 ビューポート高さ = 10.8 ピクセル (px)

1 ビューポート高さ = 0.675 レム (rem)

1 ビューポート高さ = 0.675 エム (em)

1 ビューポート高さ = 8.1 ポイント (pt)

1 ビューポート高さ = 0.675 パイカ (pc)

一般的な用途

  • 全画面セクション
  • ヒーローバナー
  • 垂直方向の中央揃え

ビューポート高さの変換

ビューポート高さ → ピクセルビューポート高さ → レムビューポート高さ → エムビューポート高さ → ポイントビューポート高さ → パイカビューポート高さ → ビューポート幅ビューポート高さ → ビューポート最小ビューポート高さ → ビューポート最大

関連単位

ピクセルとは？レムとは？エムとは？ポイントとは？パイカとは？ビューポート幅とは？ビューポート最小とは？ビューポート最大とは？