[分享] 移动端适配iPhoneX方案

1. 对页面进行iPhoneX适配处理教程

• 在viewport 中添加 viewport-fit=cover 属性

• 安全区设置

iOS 11中包含了一个新的CSS函数 env()，以及一组四个预定义的常量：和

body { 
    padding-bottom: env(safe-area-inset-bottom); 
} 

一般我们只希望 iPhoneX 适配样式，可以配合 @supports 进行css条件判断使用样式：

@supports (bottom: constant(safe-area-inset-bottom)) { 
  div { 
    margin-bottom: constant(safe-area-inset-bottom); 
  } 
}