关于webview顶部灰条的解决(mui ios沉浸式,状态栏白条问题)

http://ask.dcloud.net.cn/article/35386

新版本webview调整了适配沉浸式的规则,开发者可以更灵活的根据自己的需要进行沉浸式模式的适配,
这种情况下webview会自动调整内容区域避免和安全区域重合,一些老项目升级后如不做处理在沉浸式模式下顶部会显示灰条或者其他显示异常,该问题可以通过以下方式解决:
注意:webview style 中位置区域的计算是包含安全区域的
在meta节点中添加viewport-fit,关于viewport-fit 的详细说明可以自己百度下


<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">

标签: ios mui
2019.5.16   /   热度:3511   /   分类: 其它相关

发表评论:

©地球仪的BLOG  |  Powered by Emlog