[已解决]安卓端微信小程序web-view页面显示BUG

时间：2019-05-03 来源：小程序工厂

问题模块框架类型问题类型操作系统操作系统版本手机型号微信版本
客户端微信小程序 Bug Android 8.1.0 红米5 6.7.3

- 当前 Bug 的表现（可附上截图）

- 预期表现

- 复现路径
pages/content/webview/url=http://activity-test.3x3game.com¶ms=miniprogramRanking¶msname=pageName
- 提供一个最简复现 Demo

微信小程序开发者回答：

有没测试安卓其他的机型？或是仅该机型不行？

微信小程序开发者回答：

目前我测的有3个品牌的安卓机，红米5，华为p10 plus，三星s8

微信小程序开发者回答：

ios正常是吗？

微信小程序开发者回答：

是的，IOS显示正常

微信小程序开发者回答：

你提供下代码片段测试下：https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

微信小程序开发者回答：

wechatide://minicode/FULeMzm7763G

微信小程序开发者回答：

请问是否重现问题了

微信小程序开发者回答：

找到问题的原因了，在web页面中有两个块级元素使用了fixed样式，导致问题的出现，请问这个问题怎么解决，这个是BUG么

微信小程序开发者回答：

哎呦

看头像妹子们都很漂亮的哦

微信小程序开发者回答：

你要是帮我解决了这个问题我给你介绍一个啊

微信小程序开发者回答：

那我猜是因为

float布局导致的父容器高度坍塌

微信小程序开发者回答：

不对

你还没说怎么给我介绍。

微信小程序开发者回答：

我都没用float-。-，还有目前只有安卓微信小程序里显示成这样，IOS不管是微信小程序还是用微信自带浏览器都没问题，安卓微信浏览器也是没这个问题，所以我觉得你说的这个原因应该不是我遇到的问题原因

微信小程序开发者回答：

那是 flex 布局？

没有对旧版本 android 做兼容？

微信小程序开发者回答：

目前安卓都是最新的，而且不是兼容的问题，因为我已经加了兼容代码，另外你可以看到是显示不出来，并不影响使用，比如正常最下面是加载更多，你在出问题的页面上点击对应的位置，方法还是能执行的，但是再次加载出来的数据一样无法显示，所以可以肯定是DOM肯定是渲染出来的，但是不显示

微信小程序开发者回答：

那看起来想浏览器渲染的 bug -- 如果你说的都是对的

那我建议你

用脚本

display none 一下这 dom

在 show 出来

很可能就好了

---

微信小程序开发者回答：

-.-

本文网址：http://www.91bianli.com/weixinxiaochengxu/35878.html