vmax｜CSSの長さの単位｜CSS－havin' a coffee break

＃

“vmax”について

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

＃

使用例



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



p.font-5vmax { font-size: 5vmax;}

div.boxw-5vmax { width: 5vmax;}



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

<div class="sample-box">






文字の大きさ

<p class="font-5vmax">


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

</p>





長さ

<div class="boxw-5vmax">


width: 5vmax;

</div>






</div>

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

文字の大きさ

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

長さ

width: 5vmax;

CSSの長さの単位~“vmax”

“vmax”について

使用例