微信小程序适配iPhone X的步骤如下：
自定义导航栏和标签栏
根据iPhone官方文档，iPhone X顶部状态栏的适配安全区域高度为44pt，底部操作条区域高度为34pt。
可以在`.acss`文件中使用`safe-area-inset-bottom`和`safe-area-inset-top`分别对iPhone X顶部状态栏的安全区域高度和底部操作条区域高度进行兼容。
获取设备信息
通过`wx.getSystemInfo`获取设备信息，判断出iPhone X设备类型。注意`model`值的格式为`iPhone X（GSM+CDMA）`，因此需要用字符串检索匹配进行判断。
建议设置全局数据增加一个适配标识，在`onLaunch`中调用适配逻辑。
自定义页面底部的吸底按钮
使用官方组件进行开发，不需要自行适配。
处理背景图片和布局
背景图片可能无法充满全屏，需要根据设备进行样式切换。
在页面布局时，将按钮放入其他容器标签中，例如`
适配tabbar
对于tabbar，需要处理底部小黑条，避免与iPhone X的Home Indicator横条重叠。
使用viewport-fit
在``标签中使用`viewport-fit: cover`，使页面内容充满屏幕。
通过以上步骤，可以确保微信小程序在iPhone X上能够正常显示和操作。