iOS上h5长按识别图片二维码,图片会默认放大,禁用这一默认行为
测试代码
html
<!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;
html
<style>
img {
-webkit-touch-callout: none;
}
</style>
结果:无法显示菜单。draggable="false"
+ -webkit-touch-callout: none;
能使图片失去响应
参考社区回答:https://developers.weixin.qq.com/community/develop/doc/000046efc385e00bdcfe10c3c5b400