env()和constant()，是IOS11新增特性，Webkit的css函数，用于设定安全区域与边界的距离，有4个预定义变量：
safe-area-inset-top
safe-area-inset-bottom
safe-area-inset-left
safe-area-inset-right
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
height: calc( 96rpx - constant(safe-area-inset-bottom));
height: calc( 96rpx - env(safe-area-inset-bottom));
注意:
1.写的时候遵循先constant()(兼容 IOS<11.2)后env()(兼容 IOS>11.2)。
- env()和constant()函数使用的必要前提 ---> HTML设置viewport-fit=cover的时候才生效，而小程序里的viewport-fit默认就是cover
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
