媒体查询在 IE hacks 中不起作用答案

【问题标题】：media queries not working inside IE hacks媒体查询在 IE hacks 中不起作用
【发布时间】：2015-02-02 07:54:05
【问题描述】：

我有一个 IE hack 问题，我需要专门为 IE7 添加媒体查询（IE8 工作正常）。我也在使用 response.js。所以当我做这样的事情时：

    <!--[if IE]>
            <style rel="stylesheet" type="text/css">

@media screen and (max-width:500px){
.abc{width: 100px !important;}

}

</style>
<![endif]-->

IE7 不理解。请建议。提前致谢。

【问题讨论】：

IE 通常很难理解 css。祝你 IE7 好运！！但我不是来开玩笑的。 see here
IE7 几乎看不懂html
<!--[if IE]> 并不是真正的“黑客”，它只是意味着只有旧的 IE 版本才能真正读取它。它不会神奇地为较新的 CSS 属性提供支持 :(
为什么IE旧浏览器需要媒体支持？我看不出有什么理由。

标签： css internet-explorer responsive-design

【解决方案1】：

媒体查询在 IE8 下不起作用。但是看看这些插件和教程，了解如何在 IE8 及以下版本中支持媒体查询：

css3-mediaqueries-js

Respond.js

Plugin website

【讨论】：

【解决方案2】：

实际上IE8及更低版本不支持媒体查询对于 IE9 我们可以使用这个

<!--[if lt IE 9]>
    <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->

【讨论】：