ios中嵌套h5做的app，长按图片默认会有放大效果；如何禁止

qq_21138747

已于 2024-06-21 16:46:32 修改

阅读量118

点赞数

文章标签：前端

于 2024-04-22 16:27:42 首次发布

原文链接：https://blog.csdn.net/Ytwinklestar/article/details/108095260

版权

ios中嵌套h5做的app，长按图片默认会有放大效果；如何禁止：img { -webkit-touch-callout: none; }；只需要添加这个属性

html页面中meta标签要加

<meta name="viewport"
    content="width=device-width, initial-scale=1.0, maximum-scale=1.0,  viewport-fit=cover" />

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

qq_21138747

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
ios中嵌套h5做的app，长按图片默认会有放大效果；如何禁止

ios中嵌套h5做的app，长按图片默认会有放大效果；如何禁止：img { -webkit-touch-callout: none;
复制链接

扫一扫

解决ios,iphone的safari浏览器h5自动放大，input获得焦点页面被放大

ZiYi5662120的博客

04-12

1439

得到焦点之前设置font-size:16像素。

解决ios 10版本以上多次点击h5页面放大的问题

weixin_42485112的博客

11-17

398

window.onload = function() { // 阻止双击放大 var lastTouchEnd = 0; document.addEventListener(‘touchstart’, function(event) { if (event.touches.length > 1) { event.preventDefault(); } }); document.addEventListener(‘touchend’, function(event) { var now = (new D

2 条评论您还未登录，请先登录后发表或查看评论

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

Lee_01的博客

01-14

1040

iPhone15微信测试结果：可以禁用结果：无法禁用在这里插入图片描述结果：无法显示菜单。 + 能使图片失去响应参考社区回答：https://developers.weixin.qq.com/community/develop/doc/000046efc385e00bdcfe10c3c5b400

ionic iPhone长按出现放大镜的情况

strong90的博客

03-06

1811

在app.scss中，加入如下属性：// ios 禁止图片长按出现放大镜的情况*:not(input):not(textarea) { -webkit-touch-callout: none;}

Android 的WebView长按保存图片

12-28

根据业务需要，WebView上经常会用到长按保存图片的功能，现在做一个Demo，希望能够帮到有用的童鞋。简述请看博文：http://blog.csdn.net/geofferysun/article/details/53900625

html5唤起原生ios和安卓android app的方法

12-17

html5唤起原生ios和安卓android app的方法

C# Android 嵌套H5网页 Android端外壳

08-19

3. **Android Shell App**：这里的“Android端外壳”指的是一个简单的Android应用框架，它只包含必要的功能，如启动屏幕、导航结构等，主要目的是承载和展示其他内容，例如H5网页。这样的外壳应用可以快速定制，只...

uni：app、H5三级联动省市区

11-23

在IT行业中，尤其是在前端开发领域，"uni-app"是一个非常重要的框架，它允许开发者编写一次代码，跨平台运行，覆盖包括iOS、Android、H5等多个平台。本项目聚焦于使用uni-app实现“三级联动省市区”功能，这在构建...

ios 不支持 iframe 的完美解决方法(兼容iOS&安卓)

01-20

在iOS中，当`iframe`内的子页面高度超过父页面时，若子页面触发弹框，弹框可能会出现在视口下方，因为它的位置是相对于子页面而不是视口进行定位。这在Android系统中通常不会发生，因此开发者需要采取特定的策略来...

Vue使用FullCalendar实现日历/周历/月历

_小郑有点困了的博客

07-23

176

需求背景：项目上遇到新需求，要求实现工单以日/周/月历形式展示。而且要求不同工单根据状态显示不同颜色，一个工单内部，需要以不同颜色显示三个阶段。

谷粒商城实战笔记-39-前端基础-Vue-指令-v-on、v-for、v-if

epitomizelu的专栏

07-20

965

v-on 是 Vue.js 中的一个指令，用于在 DOM 元素上监听用户事件，并在事件触发时执行相应的 JavaScript 函数。它提供了一种将 Vue 实例中的方法与 DOM 事件关联起来的方式，使得你可以轻松地对用户交互做出响应。v-on 指令的基本语法是在元素上添加 v-on:event-name=“method”，其中 event-name 是你要监听的 DOM 事件类型（如 click、mouseover、keydown 等），method 则是 Vue 实例中定义的方法名。

VUE 子组件可以直接改变父组件的数据吗

Cshaosun的博客

07-23

103

如果子组件需要修改父组件的数据，‌应该通过触发一个自定义事件来通知父组件进行数据的变更。‌父组件在接收到子组件触发的事件后，‌可以修改数据，‌从而间接地改变父组件的数据。‌这种方式通过明确的事件通信机制，‌保证了数据流的单向性和组件之间的解耦。需要注意的是，‌虽然Vue提供了一些特殊的方法来实现子组件修改父组件数据，‌但这种方式打破了数据流的单向性，‌增加了组件之间的耦合性，‌因此应谨慎使用。在Vue中，‌如果确实需要在子组件中修改父组件的数据，‌可以通过以下步骤实现：‌。

Odoo Registry 源码解读：前端世界的魔法师

最新发布

清水欧度 Odoo ERP

07-23

755

它是连接不同模块的桥梁，是实现灵活扩展的关键，是每个Odoo开发魔法师最强大的盟友。下次当你在编写Odoo模块时，请记住，你手中握着的不仅仅是键盘，而是Registry赋予你的魔法杖。想象一下，它就是Odoo世界里的预言球，所有的秘密都逃不过它的法眼。Registry会用它的魔法排序棒，确保每个生物都按照正确的顺序出场，场面蔚为壮观。Registry会把常用的魔法结果记在它的魔法笔记本里，下次再用时就不用重新计算了，节省了大量的魔法能量。Registry设置了强大的防御魔法，确保没有人能破坏它的魔法秩序。

【CTFWP】ctfshow-web42

LongL_GuYu的博客

07-23

621

CTFWP，ctfshow-web42

前端性能优化--懒加载

weixin_43799793的博客

07-19

197

3、同时还可结合 lazy loading 属性，利用浏览器的原生属性，进一步优化图片加载，不过其延迟加载机制完全是由浏览器自身决定的，在不同浏览器上效果不同(BTW，部分浏览器可能并不支持)。2、然后对元素进行监听，当图片进入可视区域时，提取元素的 data-src 即真实的图片地址赋值给 src 属性，就会去发送请求加载图片，实现了懒加载。设置为 1 张 1px*1px 的透明图片用作占位符，以防止出现出错图标。TinyPNG 网站: https://tinypng.com/

基于 Gunicorn、Flask 和 Docker 的 Web 应用开发

2401_85639015的博客

07-19

1535

Docker 是一个开源的应用容器引擎，它允许开发者打包他们的应用以及应用的运行环境到一个可移植的容器中。容器可以运行在任何支持 Docker 的机器上，确保了环境的一致性。通过本教程，你将学会如何使用 Docker、Gunicorn 和 Flask 构建一个高效、可扩展的 Web 应用。每个步骤都提供了详细的指导和示例代码，确保你能够理解和实践每个环节。希望本教程能够作为你进入微服务架构领域的起点。

[web]-反序列化-绕过__wakeup(转)

mails2008的专栏

07-18

433

终点：很直接是echo $flag,在__destruct中，username==='admin' 和 password==100。反序列化过程中发现起点在终点之前调用，反而是捣乱的，那我们就不需要自动执行__wakeup，绕过的方法，设置的字段数量比实际字段大的值。其实简单的很简单，难得也很难，慢慢学习就好，没必要焦虑，觉得很难，纯粹一个兴趣爱好就行。起点：_wakeup函数中是$this->username='guest',是给赋值；按照常规思路，寻找起点、终点、跳板。

Web Pages 表单

07-20

310

Web pages 表单是现代网页设计中不可或缺的组成部分，它们允许用户与网站进行交互，提交信息，如注册、登录、反馈、预订等。表单的设计和功能对用户体验和网站的业务目标有着直接的影响。本文将深入探讨Web pages表单的各个方面，包括设计原则、常用元素、验证机制和最佳实践。

ios 中 h5 如何长按选中文本后不弹出系统弹窗啊

06-06

您可以通过 CSS 样式来实现禁用长按弹出菜单。具体方法如下： 1. 使用 CSS 属性 `-webkit-touch-callout`，并将其设置为 `none`，这样就能禁用长按弹出菜单。 ```css body { -webkit-touch-callout: none; } ``` 2. 如果您只想禁用某个元素的长按弹出菜单，可以将该元素的 `-webkit-touch-callout` 设置为 `none`。 ```css .element { -webkit-touch-callout: none; } ``` 请注意，这种方法只适用于 Safari 浏览器和基于 Webkit 引擎的浏览器，其他浏览器可能需要使用不同的方法来实现禁用长按弹出菜单。