小程序 吸底标签适配类iPhoneX以上手机 那种下巴的写法

小程序 吸底标签适配类iPhoneX以上手机 那种下巴的写法

如图所示 ,现在很多手机类iPhoneX以上手机,都会有下面那条黑色的线。

当我们需要做一个类似于悬浮底部tabbar导航的时候就会出现被覆盖的情况。

那么如何解决这个问题呢?

需要吸在底部的  position:fixed的标签写上 calc(env(safe-area-inset-bottom) / 1.7)

即可解决被底部线条覆盖的问题。