设置vh使div元素高度充满屏幕

心已赠人 2022-12-25 03:55 206阅读 0赞

1、vw、vh、vmin、vmax

vh、vwvminvmax这四个单位都是基于视口的,含义如下:

(1)vw、vh

vw是相对视口(viewport)的宽度而定的,长度等于视口宽度的1/100

假如浏览器的宽度为200px,那么1vw就等于2px(200px/100)。

vh是相对视口(viewport)的高度而定的,长度等于视口高度的1/100

假如浏览器的高度为500px,那么1vh就等于5px(500px/100)。

(2)vmin、vmax

vmin和vmax是相对于视口的高度和宽度两者之间的最小值最大值

如果浏览器的高为300px、宽为500px,那么1vmin就是3px,1vmax就是5px;如果浏览器的高为800px,宽为1080px,那么1vmin也是8px,1vmax也是10.8px。

发表评论

表情:
评论列表 (有 0 条评论,206人围观)

还没有评论,来说两句吧...

相关阅读