小程序显示兼容处理，home键处理

定义：
env(safe-area-inset-bottom)和env(safe-area-inset-top)是CSS中的变量，用于获取设备底部和顶部安全区域的大小

示例：

padding-bottom: calc(env(safe-area-inset-bottom) + 12px); /* 兼容iOS>= 11.2 */

安全间距类型：

1. 屏幕上安全距离: safe-area-inset-top
2. 屏幕右安全距离: safe-area-inset-right
3. 屏幕下安全距离: safe-area-inset-bottom
4. 屏幕左安全距离: 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, 安全区域才可生效