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

padding-bottom: constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */ padding-bottom: env(safe-a ...

前言 场景：因为要做无 tabbar 页面，所以在配置文件中取消底部导航栏。 取消后，iPhone X(刘海屏) 底部就出现如下图所示白色安全区域问题：这个问题，是因为 uni-app 默认会为 iPhone X(刘海屏) 留出安全距离，这个 安全距离的背景色就是白色 ...

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

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

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

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

text-align: center; left: 0; right: 0; position: fixed; bottom: 15rpx; text-decoration: underline; f ...