Question

如何在WinRT上通过IE11访问的网页禁用所有视口缩放？

我正在处理一个应用程序，该应用程序在适合视口的画布上绘制自己的绘图，并在内部提供它自己的缩放功能。浏览器缩放后会使画布变得混乱。

我一直在查看现有的答案，但这些答案似乎都不适用于此平台：

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

在<header>中都没有效果。

此外，我想阻止双击缩放，但我见过的各种jQuery片段似乎也无法在这里工作。

Answer 1

Arrrgh，所以我一问完这个问题，就找到了解决办法：

添加：

html
{
    -ms-content-zooming: none; /* Disables zooming */
    touch-action: none;   /* Disable any special actions on tap/touch */
}

到应用程序页面的CSS似乎可以正确阻止IE中的双指缩放，并禁用通过点击/双击触发的任何特殊操作。

Answer 2

使用此

var zoomlevel=1;

    $("body").dblclick(function(ev) {
        zoomlevel = zoomlevel == 1 ? 2 : 1;



        $(this).css({
            "-moz-transform":"scale("+zoomlevel+")",
            "-webkit-transform":"scale("+zoomlevel+")",
            "-o-transform":"scale("+zoomlevel+")",
            "-ms-transform":"scale("+zoomlevel+")"
        });


    });

在Windows8-Arm上禁用IE11中的所有页面缩放

2 个答案: