最近在Android Webview加载HTML页面时, 点击事件切换table列表中的图片(下面gif的锁, 星号, 眼睛图标是可以点击切换的), 或者像下面gif中的鼠标拖拽时, 都会导致下面的table部分显示不全的问题:

Firefox, Chrome浏览器中是没有这个问题的;
Android Webview以及Android自带浏览器打开都存在这个问题.
排查了body 100%等css, 发现并没有效果, 最后定位到下面的meta代码:
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
删除这句代码的"minimum-scale=1,maximum-scale=1,", 即修改成如下样子, 这个问题就没有再出现了:
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">

具体问题的原因不知道...到底是哪里出现的问题也不知道....所以是个辣鸡解决方法...希望高人指点一二.
博客指出在Android Webview加载HTML页面时,点击事件切换图片或鼠标拖拽会导致table部分显示不全,Firefox和Chrome浏览器无此问题。排查css无果,最终定位到meta代码,删除“minimum - scale=1,maximum - scale=1”后问题解决,但不知具体原因。

642

被折叠的 条评论
为什么被折叠?



