Disable automatic scaling of Internet Explorer 11 Zoom to viewport width - IE11

Question

Is there a way to prevent "auto-scaling to the width of the viewport" (aka auto-scaling) in Internet Explorer 11?

I want to force the browser to follow my rule max-widthand not allow it to automatically scale the page content to the full width of the viewport.

I see a problem in IE11 on Surface Pro 2 in desktop and subway modes. The issue is discussed here and may be related to external displays, although I experience this with or without an external display connected, and it scales both on the Surface monitor and on the external displays.

This page in Microsoft docs suggests that you opt out of “auto scaling” with this CSS rule:

@media screen {
    @-ms-viewport {
        width: device-width;
    }
}

But this does not work for me; all of this hides the vertical scrollbar by default. Pages are still scaled to the full width of the viewport, ignoring the values max-widthset in CSS.

Here is what he says in docs :

By default, Internet Explorer in the new Windows User Interface automatically scales content when the window is narrower than 1024 pixels. This primarily includes portrait mode.

, , device-width. , .

, , , . , 1024 , .

-

, meta viewport:

<meta name="viewport" content="width=device-width,initial-scale=1">

Answer 1

media screen . te media, only.

@media only screen {
    @-ms-viewport { width: device-width; }
}

:

• @-ms-viewport