h5页面在iphon11,12底部的小黑条

去小黑条是因为底部是选项卡,在11和12中加载完成后,点击选项卡后,选项卡高度会调高,所以要去掉。

参考:https://www.cnblogs.com/znegkaisheng/p/12724696.html

在视口中加入viewport-fit=cove

 

然后在修改底部选项卡样式

.uni-tabbar-bottom{
height: calc(100rpx+ constant(safe-area-inset-bottom));///兼容 IOS<11.2/

height: calc(100rpx + env(safe-area-inset-bottom));///兼容 IOS>11.2/
}

小黑条就没有了!!!!

 

posted @ 2021-11-30 14:51  琳蕊奕  阅读(276)  评论(0编辑  收藏  举报