vh(viewport height)単位をピクセルに変換します。
使い方
- vh値を入力します
- たとえば
50
と入力すると、画面の高さの「50%」に相当するピクセル数を自動で計算します。 - 結果がすぐに表示されます
- 「50vh は 現在のビューポートでは 約 430 px です」などとリアルタイムで表示されます。
- 画面サイズを変更すると再計算されます
- ウィンドウの高さが変わると、それに応じて
vh
のピクセル値も変わります。ツールは自動で再計算して表示します。
vhとは?
vh
は "viewport height" の略で、画面の高さに対する割合を表します。
100vh = 表示領域の高さそのもの
(つまり画面全体の高さ)。50vh
→ 画面の半分の高さ100vh
→ ちょうど1画面ぶんの高さ10vh
→ 画面の10%の高さ