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

原文在此，請點擊 ...