IE 忽略媒体查询答案

【问题标题】：IE ignoring media queriesIE 忽略媒体查询
【发布时间】：2014-03-29 10:32:55
【问题描述】：

我遇到了一个问题，即 IE 不听我的媒体查询。我正在使用引导程序 3.1.1。该网站在 FF 和 Chrome 中完美运行。但是，所有版本的 IE（包括昨天下载的最新 v11）都出现问题。

我已经在互联网上搜索了答案，似乎没有其他人遇到这个问题，因此我可能做错了什么。

要重现此问题，请尝试在 chrome 和 IE 中打开此页面：http://jsfiddle.net/cre8ve/VaBVs/

这是代码：

HTML5：

<div class="monkey">
HAHOAOHOAA
</div>

CSS：

.monkey {
padding-top: 50px;
border-radius: 15px;
background: #333;
color: #fff;
text-align: center;
}

@media (min-width: 900px) {
.monkey {padding-top: 200px;}
}

.......

尝试将结果窗口的大小调整为 ~900 像素。您会看到 Chrome 尊重媒体查询，但 IE 不尊重。

【问题讨论】：

您的开发工具中是否将 IE 设置为较低版本？
你是否在 IE 中触发了 quirks 模式？（按 f12 查找）
IE 处于“标准模式”而不是怪癖模式。我正在使用新安装的标准香草 IE11。结果浏览器由于某种原因被“放大”了 156%，如果你放大到 100%，它会修复它......
对我有用，直到 IE8 - 然后 jsfiddle 本身就坏了。
^我也一样@RobSedgwick

标签： html css internet-explorer media-queries

【解决方案1】：

在此处查看此主题。您需要加载响应 js 以在不支持它们的浏览器中恢复您的媒体查询，并且您可能需要加载条件 cmets 来检测 ie 并为其提供自己的样式表并覆盖以使其正常工作。

IE7,8,9 not reading media query properly.

【讨论】：