微信版本:7.0.4
系统版本:miui 10.3.3
手机型号:小米8
微信版本:7.0.4
系统版本:eui 9.0.0.187
手机型号:华为p20
问题概述:
webview 中点击img标签图片会调用原生的预览功能!
预期结果:
webview 中点击img标签图片不会出现图片的预览功能!
影响范围:
微信上的H5,若是采用 <img src> 标签(无绑定任何事件,就是纯布局元素),点击该标签都会弹出预览窗口,而不是之前无任何反应。大面积的H5 都已经垮掉
如何重现:
在页面上添加 <div><img src="https://tuimeizi.cn/random?w=666&h=666"></div> </div> 点击该 img 看看效果
实际例子:
http://act.mama.cn/subject/index-id-kbblist.html#/
翻到第二页,点击图片元素 - 出现图片预览
录屏操作:
现在这个问题还没有解决吗,还是会自动放大。。
能否提供复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)然后具体说明下复现步骤?
已详细提供
解决方案 1:
对
img {
pointer-events: none;
}
但会对需要在 img 上进行交互的操作失效,例如识别二维码,长按保存图片等。
解决方案 2:
使用背景图片
我用小米8 和 华为p20 都没有复现