使用沉浸式状态栏的同学在升级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/
20 个评论
要回复文章请先登录或注册
小明子
9***@qq.com
8***@qq.com
f***@126.com
高司令
Arliang
陈木木
付楚
胡虎
1***@qq.com