您的位置:首页技术文章
文章详情页

javascript - 如何彻底禁止平板电脑上浏览器的手势缩放功能

【字号: 日期:2023-04-23 09:13:20浏览:46作者:猪猪

问题描述

在平板电脑上、因为有多点触控功能所以可以直接通过手势进行放大缩小功能但是目前希望要禁掉这个效果、然而各种方法都试过似乎就是不行而且这个缩放和PC端CTRL+滚轮的缩放还不是一个机制

最后最靠谱的是一个css控制:content-zooming:none;

是的,他起效了。缩放被禁止了然而没几天就发现了漏洞……

第一次的缩放手势必然失败,在其中一根手指不离开屏幕的情况下,另跟手指划第二下……又可以放大了————还有这种操作?

于是只能前来求助是否还有别的操作能解决这个问题不论是直接设置浏览器属性、还是修改注册表都行……(之前试过什么高DPI时禁止缩放的设置然并卵)

问题解答

回答1:

<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no' />

关键参数

maximum-scale=1.0 //最大缩放范围

minimum-scale=1.0 //最小

user-scalable=no //是否允许缩放

最大最小都是1.0,所以html页面就没法缩放了

标签: JavaScript
相关文章: