Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Disable all page-zooming in IE11 on Windows8-Arm

How can I disable ALL viewport zooming for a webpage accessed via IE11 on WinRT?

I'm working on an application that does it's own drawing on a canvas sized to fit the viewport, and provides it's own zoom functionality internally. Having the browser zoom then makes a mess of the canvas.

I've been going through existing answers, and none of them seem to work for this plaform:

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

In the <header> all have no effect.

Additionally, I'd like to block double-tap-zooming, but the various jQuery snippets I've seen don't seem to work here either.

like image 977
Fake Name Avatar asked May 20 '14 10:05

Fake Name


People also ask

How do I stop Internet Explorer from zooming?

Open Internet Explorer on the Desktop....... Tools → Internet Options → Advanced (tab on top) → Accessibility. CHECK the box "Reset zoom level for new windows and tabs" Click APPLY.

How do I stop my page from zooming in?

To disable the zooming option with the multi-touch gesture we can use surefox browser but still, a user can zoom in or out by double tapping on the screen. We can use the <meta> tag to disable zoom in and out on a mobile web page.

Why is my Internet Explorer zoomed in?

In Internet Explorer, on the View menu, point to Zoom, and then select a different level. If you have a mouse with a wheel, hold down the Ctrl key, and then scroll the wheel to zoom in or out. If you click the Change Zoom Level ( ) button, it cycles through 100%, 125%, and 150%.

How do I stop my phone from zooming in on websites?

The other popular solution is to disable zooming on the page entirely by setting user-scalable=0 within the viewport meta tag.


1 Answers

Arrrgh, so as soon as I asked the question, I found a solution:

Adding:

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

to the CSS for the application page appears to properly block pinch-zoom in IE, and disable any of the special actions triggered by tapping/double-tapping.

like image 138
Fake Name Avatar answered Sep 21 '22 10:09

Fake Name