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