如何防止在 Windows 8.1/8 上的 Modern UI IE 11 中自动缩放？答案

【问题标题】：How to prevent automatic scaling in Modern UI IE 11 on Windows 8.1/8?如何防止在 Windows 8.1/8 上的 Modern UI IE 11 中自动缩放？
【发布时间】：2014-01-07 12:04:02
【问题描述】：

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

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

【问题讨论】：

那是因为他们在 css 中使用媒体查询来在客户端宽度发生变化时改变页面的设计。
不是这个原因。我也在我的页面中使用 CSS 媒体查询，但它仅在可以正确检测到宽度时才有效。 IE11缩小页面后，css仍然检测到宽度是宽的。
对不起，也许你是对的。我在 CSS 媒体查询中使用了“最小宽度”。我会尝试“最小设备宽度”。谢谢湿婆。
不走运。即使我已经设置了“最小设备宽度”，IE 仍然会缩小页面。有人知道答案吗？
能否提供网页的网址？我测试了一些响应式网站，但无法重现该问题。

标签： html css windows-8.1 internet-explorer-11 modern-ui

【解决方案1】：

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

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

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

【讨论】：