Отключить все масштабирование страницы в IE11 на Windows8-Arm

Question

Как я могу отключить масштабирование ВСЕЙ области просмотра для веб-страницы, доступ к которой осуществляется через IE11 в WinRT?

Я работаю над приложением, которое создает собственный рисунок на холсте, размер которого соответствует размеру окна просмотра, и предоставляет собственные функции масштабирования. При увеличении масштаба в браузере создается беспорядок на холсте.

Я просматривал существующие ответы, и ни один из них, похоже, не подходит для этой платформы:

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


    });