首页 > 技术文章 > h5页面 100vh在ios浏览器下仍然可以滚动问题

zerofan 2021-06-11 19:03 原文

今天h5项目中发现页面高度设置为100vh后在ios浏览器上出现滚动条,在安卓上就正常

查资料发现100vh 在safari和chrome浏览器中,100vh是指去掉地址栏的高度,所以会出现滚动条。

解决办法:设置成position: absolute; width: 100%;height: 100%; 

铺满全局就可以

推荐阅读