CSS中vh的使用
vh
viewpoint height
,视窗高度,1vh=视窗高度的1%,即相对于视口的高度。视口被均分为100单位的vh
vw
与vh对应的还有vw,viewpoint width
,视窗宽度,1vw=视窗宽度的1%,即相对于视口的宽度。视口被均分为100单位的vw
顺便拓展一下其他比较常用的相对长度
1.rem
:根元素(html)的 font-size
2.em
:它是描述相对于应用在当前元素的字体尺寸,所以它也是相对长度单位。一般浏览器字体大小默认为16px,则2em == 32px;
3.%
:相对于父元素
已知越多,未知越多。