最开始看到vant有对iOS的安全区做适配,试了一下,具体如下:

谷歌浏览器上是不识别这个适配的
看着至少tabbar在安安静静的呆在下面。直到上了iOS模拟器:

iPhone 11模拟器上
tabbar下面一大块空白,于是去看视图:

为了观察设置了WKWebView的背景色
排除了浏览器的高度问题之后(最里面的满屏背景色为webview)定位到是页面的高度不够的原因,于是给页面加了

加了min-height的效果
tabbar 服服帖帖的fixed在底部。问题解决
最开始看到vant有对iOS的安全区做适配,试了一下,具体如下: