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

时间:2013-12-09 06:57:00

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

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

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

1 个答案:

答案 0 :(得分:2)

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

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

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