一、使用背景 苹果官方推荐：使用env()，constant()来适配，env()和constant()，是IOS11新增特性，用于设定安全区域与边界的距离 safe-area-inset-left：安全区域距离左边边界的距离 safe-area-inset-right：安全区域距离右边 ...

// ios底部安全距离 // ios底部安全距离 ...

设置class safe-padding 底部view 设置 bottom 结果如图 ...

padding-bottom: constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */ padding-bottom: env(safe-area-inset-bottom);/* 兼容 iOS >= 11.2 */ 兼容苹果手机 ...

安全区域？ 安全区域指的是一个可视窗口范围，处于安全区域的内容不受圆角（corners）、齐刘海（sensor housing）、小黑条（Home Indicator）影响，如下图蓝色区域： 也就是说，我们要做好适配，必须保证页面可视、可操作区域是在安全区域内。 更详细说明，参考文档 ...

>11.2*/ 写在被安全距离影响到的元素CSS下 ...

设置wxss样式： padding-bottom: env(safe-area-inset-bottom); ...

原文在此，请点击 ...