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

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

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

在视口中加入viewport-fit=cove

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

 

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

.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/
}

小黑条就没有了!!!!

 

上一篇:有关H5第七章的样式属性


下一篇:iOS之H5与原生交互