2014-05-20 54 views
8

如何禁用WinRT上通過IE11訪問的網頁的所有視口縮放?在Windows8-Arm上禁用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代碼片段在這裏似乎都不起作用。

回答

23

Arrrgh,所以當我問這個問題,我發現了一個解決方案:

添加:

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

到CSS的應用程序頁面似乎正常阻斷捏縮放在IE中,並禁用任何由點擊/雙擊觸發的特殊操作。

+2

OMG這個工程。很難找到如何阻止我的科爾多瓦窗口(手機)10應用程序(使用Microsoft Edge引擎)的用戶縮放。萬分感謝。 – MoOx

-1

使用本

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+")" 
     }); 


    }); 
+0

不起作用。 IE很奇怪。唯一似乎工作的是css -ms-content-zooming:none; touch-action:none;'在我的回答中。 –