iOS上h5长按识别图片二维码,图片会默认放大,禁用这一默认行为
测试代码
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head><body><p>默认</p><img src="https://picsum.photos/200/200" alt="" width="200" height="200"><p>draggable="false"</p><img src="https://picsum.photos/200/200" alt="" width="200" height="200" draggable="false">
</body></html>
iPhone15 微信测试
结果:可以禁用
iPhone15 Safari测试
结果:无法禁用
在这里插入图片描述
试试-webkit-touch-callout: none;
<style>img {-webkit-touch-callout: none;}</style>
结果:无法显示菜单。draggable="false"
+ -webkit-touch-callout: none;
能使图片失去响应
参考社区回答:https://developers.weixin.qq.com/community/develop/doc/000046efc385e00bdcfe10c3c5b400