h5页面 100vh在ios浏览器下仍然可以滚动问题

时间:2021-06-12 01:11:59   收藏:0   阅读:21

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

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

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

铺满全局就可以

原文:https://www.cnblogs.com/zerofan/p/14876250.html

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!