Deaktivieren Sie alle Seite-Zoom in IE11 auf Windows8-Arm

Question

Wie kann ich ALLE Zoom im Ansichtsfenster für eine Webseite deaktivieren, die über IE11 auf WinRT zugegriffen wird?

Ich arbeite an einer Anwendung, die eigene Zeichnung auf einer Leinwand, die Größe in das Ansichtsfenster passt, und bietet eigene Zoom-Funktionalität intern. Wenn der Browser zoomt, wird die Leinwand durcheinandergebracht.

Ich habe durch bestehende Antworten gegangen, und keiner von ihnen scheinen für diese plaform zu arbeiten:

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

In der <header> haben alle keine Wirkung.

Außerdem möchte ich das Doppeltippen-Zoomen blockieren, aber die verschiedenen jQuery-Schnipsel, die ich gesehen habe, scheinen auch hier nicht zu funktionieren.

Answer 1

Arrrgh, so bald wie ich die Frage gestellt, fand ich eine Lösung:

Hinzufügen:

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

an die CSS für die Anwendungsseite richtig erscheint Pinch-Zoom in IE zu blockieren, und deaktivieren Sie eine der speziellen Aktionen, die durch Antippen/Doppeltippen ausgelöst werden.

Answer 2

Verwendung dieses

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


    });