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)有时候按下按键后不会触发按键消息;

    原文作者:zyj*asdf
    原文地址: https://blog.csdn.net/qq_31041847/article/details/103618471
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞