xcode9 ios11 沉浸式状态栏适配 & iPhone X适配

使用沉浸式状态栏的同学在升级iOS11以后，发现之前的沉浸式状态栏没有了，变成了一个灰条，于是开始嚷嚷着让官方修改SDK。

在官方做出动作进行通用适配之前，大家也可以自己暂时解决一下：

• 使用离线打包的同学可以在工程内自行设置contentInsetAdjustmentBehavior为UIScrollViewContentInsetAdjustmentNever。
• 喜欢native.js的同学也可以直接修改webview对象的contentInsetAdjustmentBehavior属性。
• 而只会HTML的同学也可以利用一个新的viewport属性进行适配。

下面单独讲一下viewport属性的方式。
需设置viewport-fit为cover。

具体代码如下如下：

<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,viewport-fit=cover">

切记，还要在css里使用constant(safe-area-inset-top)来避开iPhone X的留海，大家可以参考此文章：https://ayogo.com/blog/ios11-viewport/