iOS上h5长按识别图片二维码,图片会默认放大,禁用这一默认行为

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

相关推荐
前端Hardy9 小时前
HTML&CSS:惊艳!科技感爆棚的登录页面代码解析
前端·javascript·html
Dxy123931021610 小时前
Python Requests-HTML库详解:从入门到实战
开发语言·python·html
Darling02zjh15 小时前
HTML5
前端·html·html5
CodeCraft Studio1 天前
借助Aspose.HTML控件,在 Python 中将 HTML 转换为 Markdown
开发语言·python·html·markdown·aspose·html转markdown·asposel.html
冰菓Neko1 天前
HTML 常用标签速查表
前端·html
qq_三哥啊2 天前
【HTML】<script>元素中的 defer 和 async 属性详解
html·js
Dxy12393102162 天前
Python HTML模块详解:从基础到实战
开发语言·python·html
Amodoro2 天前
nuxt更改页面渲染的html,去除自定义属性、
前端·html·nuxt3·nuxt2·nuxtjs
飛_2 天前
【Word Press基础】创建一个动态的自定义区块
运维·nginx·html·word press
oioihoii2 天前
恋爱时间倒计时网页设计与实现方案
html