在 iOS11 新增特性中，Webkit 包含了两个新的函数 env() 和 constant()，以及四个预定义的常量：

• safe-area-inset-top：安全区域距离顶部边界距离，状态栏+导航栏大约为88px。
• safe-area-inset-left：安全区域距离左边边界距离，竖屏时为0。
• safe-area-inset-right：安全区域距离右边边界距离，竖屏时为0。
• safe-area-inset-bottom：安全区域距离底部边界距离，大约高度为34px。

body{
    /* 兼容 iOS < 11.2 */
    padding-top: constant(safe-area-inset-top);
    padding-left: constant(safe-area-inset-left);
    padding-right: constant(safe-area-inset-right);
    padding-bottom: constant(safe-area-inset-bottom);
    /* 兼容 iOS >= 11.2 */
    padding-top: env(safe-area-inset-top);
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
    padding-bottom: env(safe-area-inset-bottom);
}