前些日子开发微信移动端h5的时候,测试突然给我提了个BUG,原因是点击任何一张图片竟然会打开这张图,omg,一直拿着andorid ios手机在看也没发生过,才发现部分手机会这样,他的手机是vivo,也不知道其他手机是否会有,先在这记录下解决方案吧。
经过提问度娘发现,部分手机的微信浏览器会带有放大图片的功能,所以我们只需要禁掉,当然我们是不能阻止微信的默认功能滴,只有从网页上下手了,css有个属性pointer-events:none;他可以禁止掉图片的默认行为,意思大概就是不能点击触摸了。但是这样也会有问题,如果你所牵扯的交互都不能操作了需要在img外面包一层元素做操作,感觉很不现实,还有一种方法是把图片换成background,当然部分的也可以写成icon,但是这几种解决,也就大概pointer-events: none;比较好点,权衡利弊把。看你自己的业务咯
android/微信浏览器 有部分手机点击Img 会打开图片
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 相关知识点 移动端、 适配(兼容)、 ios点击事件300ms延迟、 点击穿透、 定位失效...... 问题&解决...
- 需求:微信跳转手机默认浏览器打开指定HTML链接 微信点击链接直接下载安装包 原因:在微信内不允许直接下载apk ...
- UIBezierPath 由于项目需要,用到了贝塞尔曲线,原来也没有具体的研究,今天有时间研究了下,写了几行dem...