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

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

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

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

铺满全局就可以

posted @ 2021-06-11 19:03  吃饭七分饱  阅读(1576)  评论(0编辑  收藏  举报