码迷,mamicode.com
首页 > Web开发 > 详细

CSS中vh的使用

时间:2020-01-22 14:31:24      阅读:1081      评论:0      收藏:0      [点我收藏+]

标签:code   ==   尺寸   描述   其他   height   字体大小   point   html   

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

CSS中vh的使用

标签:code   ==   尺寸   描述   其他   height   字体大小   point   html   

原文地址:https://www.cnblogs.com/why98/p/12228430.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!