responsive-design - 为媒体查询排除旧版 IE

Question

我正在使用 CSS 媒体查询设计一个响应式网站，据我所知，IE8 及以下版本不支持。我已经设计了一种我认为只对 IE9 和所有其他浏览器使用 css 查询的好方法，但我想让大家浮动它，看看我是否遗漏了任何东西，或者我的计划中是否有漏洞。我的方法是：

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

   [如果！IE]
   在此处导入媒体查询样式表
   [万一]
   

3. 调用 IE9 的媒体查询样式表：

   [如果 IE 9]
   在此处导入媒体查询样式表
   [万一]
   

有人看到这样的计划有问题吗？谢谢！

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]-->

这两种说法结合起来排除了 IE 9 之前的所有版本，但更重要的是包括了未来的版本。

先前的答案演示了有关版本的其他可能性以及您可以使用的一些不同排列和组合。