IE忽略媒体查询

Question

IE浏览器没有听我的媒体查询问题。我正在使用Bootstrap 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;}
}

..............

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

Answer 1

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

IE7,8,9 not reading media query properly.