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.%:相对于父元素

上一篇:sass css样式:@for循环、样式变量与#{} 变量插值


下一篇:web前端入门到实战:CSS属性width和height