最近在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">
具体问题的原因不知道...到底是哪里出现的问题也不知道....所以是个辣鸡解决方法...希望高人指点一二.