ios Safari浏览器页面取消快速双击放大

最近在使用IPAD端基于HTML开发的软件时发现一个问题,手指双击按钮会导致页面放大。导致该现象的主要原因是IOS10及以上版本的浏览器为了提升易用性,不再对快速双击放大和双指缩放进行禁止。
查找资料发现主要有以下两种方法解决该问题:
1、在js中通过touchstart和touchend判断两次手指按下的时间间隔来禁止双击放大的响应;
2、在html中修改meta(关于viewport另一篇文章有介绍https://blog.csdn.net/qq_31041847/article/details/103631633)
<meta name="viewport" content="width=device-width,initial-scale=1,mininmum-scale=1,maximum-scale=1,user-scalable=no" charset='UTF-8' />;

以上两种方法经过亲自试验后推荐使用第二种方法。第一种方法虽然可以禁止双击放大的事件,但是出现两个问题
(1)会有较大的概率出现双击后页面放大并且无法还原的情况;
(2)有时候按下按键后不会触发按键消息;

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值