1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > ios Safari浏览器页面取消快速双击放大

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

时间:2021-09-11 10:04:57

相关推荐

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

最近在使用IPAD端基于HTML开发的软件时发现一个问题,手指双击按钮会导致页面放大。导致该现象的主要原因是IOS10及以上版本的浏览器为了提升易用性,不再对快速双击放大和双指缩放进行禁止。

查找资料发现主要有以下两种方法解决该问题:

1、在js中通过touchstart和touchend判断两次手指按下的时间间隔来禁止双击放大的响应;

2、在html中修改meta(关于viewport另一篇文章有介绍/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)有时候按下按键后不会触发按键消息;

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。