2.在所需页面的js文件的onLoad函数内从全局变量里面拿出来第一步存储的手机型号值，这里设置为isIphoneX：
3.在所需页面的wxml里面根据手机型号是否为iPhone X 来运用三元运算符判断底部的位置就可以啦：
已解决。
这是最简单的一种方法，有其他方法等待小伙伴们探索实践，比如可以用iOS新增的 “viewport-fit” 特性或者是 “env() 和 constant()” 特性。
可参照官方文档：https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/adaptivity-and-layout/
总结
以上所述是小编给大家介绍的微信小程序 iPhoneX底部安全区域（底部小黑条）适配,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对七叶笔记网站的支持！ 如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！
