这个问题与IE8严格相关，我理解CSS3 @media查询。
希望根据浏览器宽度切换样式表，我的代码如下：
<link rel="stylesheet" type="text/css" href="small.css" media="screen and (min-width: 1000px)">
<link rel="stylesheet" type="text/css" href="large.css" media="screen and (min-width: 1200px)">
（为简单/清晰 - 样式表只是改变盒子的颜色）
现在上面的代码在每个浏览器中都能正常工作，当然除了IE8 ....
进行一些研究以确保它不是兼容性问题，我发现IE8确实support html media属性....
问题：为什么这不适用于POS IE8？
答案 0 :(得分：4)
IE9之前的Internet Explorer版本不支持媒体查询。
如果您正在寻找一种降级 IE8用户设计的方法，您可能会发现IE的条件评论很有帮助。使用此功能，您可以指定一个IE 8/7/6特定样式表，该样式表覆盖了以前的规则。
例如：
<link rel="stylesheet" type="text/css" media="all" href="style.css"/>
<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" media="all" href="style-ie.css"/>
<![endif]-->
在浏览器中还有一个用于媒体查询支持的javascript插件，它本身不支持它：