uniapp 兼容IOS手机底部黑线
uniapp 兼容IOS手机底部黑线
IOS苹果手机有很多款手机底部都有一条黑线。
app底部的tabbar 导航栏如果遇到IOS手机则会出现问题。
因为我这边的tabbar导航栏是自己写的,不是用的uniapp自带的,所以如果遇到IOS手机底部有黑线的这种,需要将tabbar导航栏的高度调整一下才可以。
除此之外还有些页面,底部有个按钮之类的,也是需要做兼容处理的。如下:
解决办法如下:
三行代码搞定:
第一种办法:通过padding-bottom赋一个安全值
可以通过padding-bottom
属性赋一个安全值的方式来处理。box-sizing
属性的值可以是content-box
,也可以是border-box
,具体可以测试一下。
亲测:针对安卓/带底部黑线的IOS手机/不带底部黑线的IOS手机 都有效果。
第二种办法:通过bottom赋一个安全值
具体是使用上面的哪一种方法,可以根据实际情况进行测试。
亲测有效。