CSSの長さの単位~“lvmin”

“lvmin”について

“lvmin”は大きいビューポートの横幅の長さの1%(“1vw”)とビューポートの高さの長さの1%(“1vh”)のうち小さい方を“1lvmin”と定義した相対単位です。

使用例

div.sample-box { font-size: 16px;}

p.font-5lvmin { font-size: 5lvmin;}
div.boxw-5lvmin { width: 5lvmin;}


文字の大きさ“16px”の親要素
<div class="sample-box">

文字の大きさ
<p class="font-5lvmin">

猫は、上のかぎり黒くて、ことはみな白き。

</p>

長さ
<div class="boxw-5lvmin">

width: 5lvmin;

</div>

</div>

文字の大きさ“16px”の親要素

文字の大きさ

猫は、上のかぎり黒くて、ことはみな白き。

長さ

width: 5lvmin;