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