一、使用背景 蘋果官方推薦：使用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 ...