安卓 webview 排版不一致问题
发布于 6 年前 作者 agu 15313 次浏览 来自 问答

如截图所示,安卓下同一个页面嵌入到 web-view 组件当中,小程序第一次打开与后续打开(如删除后再次打开)时,排版行为不一致。具体表现为,第一次打开时底部的 tab 定位错位(使用 position: fixed; left:0; bottom:0; 定位至页面底部),删除小程序再次进入后,定位恢复正常。

首次打开小程序:

__
__

删除后,再次打开小程序,排版恢复正常:

不知道各位有没有遇到这个诡异的问题?还请踩过此坑的同学和官方开发人员帮忙答复一下,多谢!

3 回复

排版不一致应该是浏览器内核调用得不一样,你可以打印出UA信息看看。看看这个帖子


https://developers.weixin.qq.com/community/develop/doc/00084c99ffc6d02e0297baf455c800

你这个也许根据UA信息去加载不同的样式就可以了

小程序的底部应该是公共配置的么。怎么存在第一次底部错位的问题

之前搜索过社区,发下安卓下有个类似的 bug:https://developers.weixin.qq.com/blogdetail?action=get_post_info&docid=000e8cf18ac0d0af04f6d17b550000&highline=webview

但是里面提到的 bug 是说 webview __未撑满__屏幕,我们这个现象看起来像是 webview __超出了__屏幕… 希望大神不吝赐教

回到顶部