苹果全面屏适配安全距离（safeArea）H5的屏幕适配

使用苹果官方推出适配方案css函数env()、constant()来适配

1. env()和constant()，是IOS11新增特性，Webkit的css函数，用于设定安全区域与边界的距离，有4个预定义变量：

2. safe-area-inset-left：安全区域距离左边边界的距离
3. safe-area-inset-right：安全区域距离右边边界的距离
4. safe-area-inset-top：安全区域距离顶部边界的距离
5. safe-area-inset-bottom ：安全距离底部边界的距离
6. 而env()和constant()函数有个必要的使用前提，当网页设置viewport-fit=cover的时候才生效，根据微信小程序的表现和我在实际真机测试时这两个函数生效，推测小程序里的viewport-fit默认是cover。

 所以我们在做屏幕适配时，需要这样写：

padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);