uniapp 适配部分IPhone手机底部安全距离_uniapp中如何获取手机底部安全距离

作者：很楠不爱3 | 2024-04-18 22:18:16

踩

uniapp中如何获取手机底部安全距离

部分 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);” 就自动适配出了这个高度。

本文内容由网友自发贡献，转载请注明出处：https://www.wpsshop.cn/w/很楠不爱3/article/detail/448517