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

＃

“vh”について

“vh(viewport-height)”は既定のビューポートの高さの長さの1%を“1vh”と定義した相対単位です。

＃

使用例



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



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

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



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

<div class="sample-box">






文字の大きさ

<p class="font-5vh">


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

</p>





長さ

<div class="boxw-5vh">


width: 5vh;

</div>






</div>

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

文字の大きさ

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

長さ

width: 5vh;

CSSの長さの単位~“vh”

“vh”について

使用例