

#
“lvh”について
“lvh(viewport-height)”は大きいビューポートの高さの長さの1%を“1lvh”と定義した相対単位です。
ビューポートの大きさの基準について詳しくはこちら。
ビューポート相対長|CSSの長さの単位
例えば、ビューポートの横幅が“1080px”の場合は“1lvh”は

#
使用例
div.sample-box { font-size: 16px;}
p.font-5lvh { font-size: 5lvh;}
div.boxw-5lvh { width: 5lvh;}
文字の大きさ“16px”の親要素
<div class="sample-box">
文字の大きさ
<p class="font-5lvh">
猫は、上のかぎり黒くて、ことはみな白き。
</p>
長さ
<div class="boxw-5lvh">
width: 5lvh;
</div>
</div>
文字の大きさ
猫は、上のかぎり黒くて、ことはみな白き。
長さwidth: 5lvh;