部分 IOS 機型,比如 Iphone X 的屏幕底部有一條“小黑線”區域,uniapp 項目中我們可以使用CSS的?env(safe-area-inset-bottom) 語句來自適配 IOS 的底部安全區域高度,這個語句會返回該機型的底部安全區域高度(單位 px)。
使用示例:
height: env(safe-area-inset-bottom);
注意:不要加單位!?
效果截圖:
?由圖可以看到在示例機型 iPhone 12/13 mini 這個機型上底部的安全區域高度是 34px ,CSS 中寫了 “height: env(safe-area-inset-bottom);” 就自動適配出了這個高度。