How to prevent automatic scaling in Modern UI IE 11 on Windows 8.1/8?

Question

Windows 8.1/8 has a split screen feature which is nice while using multiple apps (like modern UI version IE11) in one screen. Most of the time when you set the IE split screen very narrow, you'll notice the web page zoomed out automatically, but some pages (like microsoft.com) are different. They doesn't zoom out and recognise the narrow width correctly, so it's easy to do some responsive deign.

My question is: What code made that difference? I've tried <meta name='viewport' content='width=device-width, user-scalable=0, initial-scale=1.0' /> but IE11 still zooms out the page.

Answer 1

I got the answer finally. The short version is:

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

The full explaination is at http://msdn.microsoft.com/en-us/library/ie/hh708740(v=vs.85).aspx