收藏
回答

iPhone X模拟器底部显示不准确

框架类型 问题类型 操作系统 工具版本
小程序 Bug Windows 1.02.1811150

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

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

回答关注问题邀请回答
收藏

1 个回答

  • 微盟
    微盟
    2018-11-26

    一般前端要做好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;}

    2018-11-26
    有用 1
    回复 2
    • 郭昱
      郭昱
      2018-11-26

      多谢回复,没想起来还可以这样适配。

      不过微信一开始也忽视了这块,一个最早用iPhoneX的朋友早期微信的聊天框也是被遮挡了的。后来才修复,要是官方能自动适配的话就更好了

      2018-11-26
      回复
    • 微盟
      微盟
      2018-11-27回复郭昱

      很高兴可以帮到您,如果还有小程序相关的疑问欢迎来我司主页交流。

      2018-11-27
      回复
登录 后发表内容