Question

我有一个将在平板电脑上使用的Web应用程序（在Internet Explorer上）。 编辑：不是平板电脑，而是带触摸屏的Windows 7计算机。

问题是用户可以捏缩放页面（如ctrl - +）。

有没有办法从JavaScript中禁用它？（比如在移动设备上）。

或者也许更改用户代理就像iPad一样？它会起作用吗？

Answer 1

使用

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

在文档的<head>部分，以防止在移动设备上扩展网站。这里重要的是user-scalable=no，这就是诀窍。

修改

进行了更多研究，您还可以选择添加：

<meta name="MobileOptimized" content="640">

虽然content="640"是您要设置的width，但行为类似于<meta name="viewport" content="width=640,user-scalable=no">。

详细了解here和here。

Answer 2

您可以通过 Ctrl + 或 Ctrl - 或使用 Ctrl <禁用缩放浏览器/ kbd>按键+鼠标滚轮按此代码向上或向下。

$(document).keydown(function(event) {
if (event.ctrlKey==true && (event.which == '61' || event.which == '107' || event.which == '173' || event.which == '109'  || event.which == '187'  || event.which == '189'  ) ) {
        event.preventDefault();
     }
    // 107 Num Key  +
    // 109 Num Key  -
    // 173 Min Key  hyphen/underscor Hey
    // 61 Plus key  +/= key
});

$(window).bind('mousewheel DOMMouseScroll', function (event) {
       if (event.ctrlKey == true) {
       event.preventDefault();
       }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
teste

JavaScript - 防止页面缩放

2 个答案: