不支持媒体查询时会发生什么？

Question

比如说我有这个：

@media screen and (min-width: 480px) {
     .example {
         background-color: red;
     }
}

如果我在Internet Explorer 8中查看此页面怎么办？即使宽度超过.example，它仍然会着色为480px红色，还是会忽略媒体查询中的内容？ _{（我无法测试，因为我没有IE8：P）}

Answer 1

我刚刚在IE7 / IE8浏览器/文档模式（IE10）中尝试过，它完全忽略了Media中查询中的所有 CSS，就像我认为的那样。 .example仅在IE9 +中以红色背景显示。

我可以找到的规范中唯一可能（可能）与此处实际相关的部分是Error handling section。