html - 如何防止 Windows 8.1/8 上的 Modern UI IE 11 自动缩放？

Question

Windows 8.1/8 具有分屏功能，这在一个屏幕上使用多个应用程序(如现代 UI 版本 IE11)时非常有用。大多数情况下，当您将 IE 分屏设置得非常窄时，您会注意到网页会自动缩小，但有些页面(如 microsoft.com)会有所不同。它们不会缩小并正确识别窄宽度，因此很容易进行一些响应式设计。

我的问题是:是什么代码造成了这种差异？我试过了 <meta name='viewport' content='width=device-width, user-scalable=0, initial-scale=1.0' />但 IE11 仍会缩小页面。

Answer 1

我终于得到了答案。简短的版本是:

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

完整的解释在 http://msdn.microsoft.com/en-us/library/ie/hh708740(v=vs.85).aspx