媒体查询在IE黑客攻击中无效

Question

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

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

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

}

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

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

Answer 1

媒体查询在IE8下无效。但请看一下这些插件和教程，了解如何在IE8及以下版本中支持媒体查询：

CSS3-mediaqueries-JS

• Tutorial
• Plugin website
  
  

Respond.js

• Plugin website

Answer 2

实际上IE8及更低版本不支持Media Query 对于IE9，我们可以使用此

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