小程序处理iphoneX底部黑条

方法1、

wx.getSystemInfo({
  success: function(res) {
    // 根据手机型号匹配
    if (res.model.search('iPhone X') != -1
    || res.model.search('iPhone Max') != -1 
    || res.model.search('iPhone 11') != -1
    || res.model.search('iPhone 12') != -1) {
      console.log('是全面屏')
    }
  }
})

方法2、

//方法二： 使用iphone特性env()和constant()
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);