Buildfire：手机缺口检测

Posted 2023-03-14

【中文标题】Buildfire：手机缺口检测

【英文标题】：Buildfire: phone notch detection

【发布时间】：2019-05-23 05:17:32

【问题描述】：

有没有办法检测运行我的插件的设备是否在屏幕上有前置摄像头缺口，例如 Iphone X？

如果检测到缺口，我希望能够在屏幕顶部添加空间，如果没有，则将空间留出？

【参考方案1】：

可以使用以下css环境变量：

padding-top: env(safe-area-inset-top)

padding-top: env(safe-area-inset-bottom)

https://medium.com/@draganeror/iphone-x-layout-features-with-css-environment-variables-d57423433dec