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

＃

“vmin”について

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

＃

使用例



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



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

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



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

<div class="sample-box">






文字の大きさ

<p class="font-5vmin">


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

</p>





長さ

<div class="boxw-5vmin">


width: 5vmin;

</div>






</div>

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

文字の大きさ

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

長さ

width: 5vmin;

CSSの長さの単位~“vmin”

“vmin”について

使用例