win7系统触摸屏电脑怎么禁止浏览器的缩放???求解答

win7系统触摸屏电脑怎么禁止浏览器的缩放???

阅读 4k
4 个回答

当前所在的项目是在win7的平台上使用chrome进行一个触控的展示操作,硬件是一体机,基于win7的触控平台,浏览器使用chrome; 问题是我想要双指触控的时候不触发chrome的默认缩放,
使用了meta声明不允许缩放,
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
并且在js里添加了如下语句:
document.body.addEventListener('touchmove', function(event) {

event.preventDefault();  

}, false);
document.body.addEventListener('touchstart', function(event) {

event.preventDefault();  

}, false);
document.body.addEventListener('gesturechange', function(event) {

event.preventDefault();  

}, false);
结果,,,没用!双指触控的时候还是会触发默认的浏览器缩放,
我分析原因是不是chrome启动参数阻止缩放,最后通过修改浏览器参数解决了问题!
具体参考https://jingyan.baidu.com/art...

<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />

新手上路,请多包涵

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

meta里面加个user-scalable=no

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题