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