移动端刘海屏适配 env(safe-area-inset-*)

*safe-area-inset- **由四个定义了视口边缘内矩形的 top, right, bottom 和 left 的环境变量组成，这样可以安全地放入内容，而不会有被非矩形的显示切断的风险。对于矩形视口，例如普通的笔记本电脑显示器，其值等于零。对于非矩形显示器（如圆形表盘，iPhoneX 屏幕），在用户代理设置的四个值形成的矩形内，所有内容均可见。

下面的示例使用env()的第二个可选参数，如果环境变量不可用，该参数可让你设置备用值

使用案例：
env(safe-area-insert-top，10rpx)

body {
  padding: 
  env(safe-area-inset-top, 10rpx) 
  env(safe-area-inset-right, 10rpx)
  env(safe-area-inset-bottom, 10rpx) 
  env(safe-area-inset-left, 10rpx);
}