Windows 8.1 / 8具有分屏功能,在一个屏幕中使用多个应用程序(如现代UI版本IE11)时非常好。大多数情况下,当您将IE分屏设置得非常窄时,您会注意到网页会自动缩小,但有些页面(如microsoft.com)会有所不同。它们不会缩小并正确识别窄宽度,因此很容易做出一些响应性设计。
我的问题是:什么代码产生了这种差异?我已经尝试了<meta name='viewport' content='width=device-width, user-scalable=0, initial-scale=1.0' />
,但IE11仍然缩小了页面。
答案 0 :(得分:2)
我终于得到了答案。简短版本是:
@media screen {
@-ms-viewport { width: device-width; }
}
完整的解释是http://msdn.microsoft.com/en-us/library/ie/hh708740(v=vs.85).aspx