 怎么判断 iphoneX 手机？
要兼容 iosX，需判断手机类型，怎么判断？
ios真的会搞事情！
看到一篇关于 解决iPhoneX适配的文章： https://mp.weixin.qq.com/s?__...
亲测这个其实是针对 ios11系统有效。
1.设置网页在可视窗口的布局方式。
  首先 meta里 添加 `viewport-fit=cover`
```
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no, viewport-fit=cover" />

```
2.页面主体内容限定在安全区域内。
  可以配合 @supports 这样编写样式：
```
@supports (bottom: constant(safe-area-inset-bottom)) {
  div {
    margin-bottom: constant(safe-area-inset-bottom);
  }
}

```
更好的解决方式可以采用媒体查询 ，再加上面的代码 。
```
@media (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio : 3){
    //如果以后出现375*812,非ios机型，可以加上下面语句
    @supports (bottom: constant(safe-area-inset-bottom)) {
        
    }
}
```