排除媒体查询的旧IE

Question

我正在使用CSS媒体查询设计响应式网站，据我所知，IE8及以下版本不支持。我已经设计了我认为只对IE9和所有其他浏览器使用css查询的好方法，但是我想让你们全都浮起来看看我是否遗漏了什么，或者我的计划中是否有漏洞。我的方法是：

1. 调用我的主要style.css文件，所有浏览器都将使用该文件。
2. 使用我的媒体查询为除IE以外的所有浏览器调用css文件：

   [if !IE]
   import media queries stylesheet here
   [endif]
   

3. 使用以下命令调用IE9的媒体查询样式表：

   [if IE 9]
   import media queries stylesheet here
   [endif]
   

有没有人看到这样的计划出现问题？谢谢！

Answer 1

您的计划是合理的，但由于您没有参考IE的未来版本，因此需要进行调整，因此您可能会排除很多未来的访问者/用户。

鉴于使用IE的社区/企业过多（阅读：世界的一半），最好使用您已经建议的略微修改版本：

<!--[if !IE]> 
   @media queries for all browsers except IE
<![endif]-->

更重要的是：

<!--[if gt IE 8]> //greater than IE 8
   @media queries for IE9 and above
<![endif]-->

这两个声明组合排除了版本9之前的所有IE版本，但更重要的是包括未来版本。

prior answer演示了版本的其他可能性以及您可以使用的一些不同的排列和组合。