2014-05-20 24 views
8

Jak mogę wyłączyć WSZYSTKIE powiększanie widoku dla strony internetowej dostępnej przez IE11 na WinRT?Wyłączanie wszystkich funkcji powiększania strony w IE11 na Windows8-Arm

Pracuję nad aplikacją, która wykonuje swój własny rysunek na płótnie o wymiarach dopasowanych do ekranu i udostępnia wewnętrznie funkcję powiększania. Po powiększeniu przeglądarki powoduje bałagan na płótnie.

Przyjeżdżam pośrednictwem istniejących odpowiedzi, a żaden z nich nie wydają się działać w tym plaform:

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

Wszystkie w <header> nie działają.

Dodatkowo chciałbym zablokować podwójne kliknięcie, ale różne fragmenty jQuery, które widziałem, również tutaj nie działają.

Odpowiedz

23

arrrgh, tak szybko, jak zadałem pytanie, znalazłem rozwiązanie:

dodając:

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

do CSS dla strony aplikacja wydaje się poprawnie blokować pinch-zoom w IE, i wyłącz wszystkie akcje specjalne wyzwalane przez stukanie/dwukrotne dotknięcie.

+2

OMG to działa. Trudno było znaleźć sposób, aby zablokować powiększenie użytkownika dla mojej aplikacji Windows 10 (z systemem Microsoft Edge). Dzięki za tonę. – MoOx

-1

użycie tego

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

Nie działa. IE jest dziwne. Wydaje się, że działa tylko css '-ms-content-zooming: none; touch-action: none; 'jak w mojej odpowiedzi. –