在

背景

公司的项目开发中，发现iPhone上的吸底元件被一条黑色小条纹挡住了。

原因

在苹果iPhoneX、iPhone XR等机型上，取消了物理home键，底部的黑色小条纹取代了Home键的功能。因此，吸底元件会被黑色小条纹覆盖。

解决方案

使用已知的黑色小条纹高度为34px/68rpx的RPX型号(不推荐)，使用官方微信API，使用getSystemInfo()中的safeArea对象进行适配(推荐)，使用苹果官方推出的css函数env()和constant()进行适配(推荐)336010。也就是说，调整安全区域意味着小程序或H5的内容显示在绿色区域。