定义：
env(safe-area-inset-bottom)和env(safe-area-inset-top)是CSS中的变量，用于获取设备底部和顶部安全区域的大小
示例：
padding-bottom: calc(env(safe-area-inset-bottom) + 12px); /* 兼容iOS>= 11.2 */
安全间距类型：
- 屏幕上安全距离: safe-area-inset-top
- 屏幕右安全距离: safe-area-inset-right
- 屏幕下安全距离: safe-area-inset-bottom
- 屏幕左安全距离: safe-area-inset-left
ios11
padding-top: constant(safe-area-inset-top);
padding-right: constant(safe-area-inset-right);
padding-bottom: constant(safe-area-inset-bottom);
padding-left: constant(safe-area-inset-left);
ios11.2+
padding-top: env(safe-area-inset-top);
padding-right: env(safe-area-inset-right);
padding-bottom: env(safe-area-inset-bottom);
padding-left: env(safe-area-inset-left);
兼容写法（最好）
// 顶部安全距离
padding-top: constant(safe-area-inset-top);
padding-top: env(safe-area-inset-top);// 底部安全距离
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
在h5界面如何使用
注: 需在meta标签的content中设置viewport-fit=cover, 安全区域才可生效
)
)
