iPhone X模拟器底部显示不准确
发布于 5 年前 作者 ehu 3186 次浏览 来自 问答

开发者工具提供的iPhone X模拟界面,底部是方形的,但是实际上是圆角,导致底部内容会被遮挡住一部分,尤其是放了输入框这样的情况下。

这个问题目前只在iPhone X类型的手机上发现,安卓的底部一般都有虚拟按键,似乎没有这个问题。希望官方能改善下这个问题。

1 回复

一般前端要做好iphoneX的兼容:距离下面有68rpx的空白,这样不会影响home建的使用。在app.js可以判断是否是isIphoneX

wx.getSystemInfo({
      success:  res=>{
        if (res.model.search('iPhone X') != -1) {
          wx.isIphoneX=true
        }
      }
    })

然后在需要加的位置加.IphoneX类即可.IphoneX{padding-bottom:68rpx!important;}

回到顶部