小程序
小游戏
企业微信
微信支付
扫描小程序码分享
开发者工具提供的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;}
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
多谢回复，没想起来还可以这样适配。
不过微信一开始也忽视了这块，一个最早用iPhoneX的朋友早期微信的聊天框也是被遮挡了的。后来才修复，要是官方能自动适配的话就更好了
很高兴可以帮到您，如果还有小程序相关的疑问欢迎来我司主页交流。
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
一般前端要做好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;}
多谢回复，没想起来还可以这样适配。
不过微信一开始也忽视了这块，一个最早用iPhoneX的朋友早期微信的聊天框也是被遮挡了的。后来才修复，要是官方能自动适配的话就更好了
很高兴可以帮到您，如果还有小程序相关的疑问欢迎来我司主页交流。