媒体查询未在IE中被提取

时间:2013-01-18 00:08:56

标签: css media-queries

我的css文件中有以下测试代码:

@media only screen and (min-width: 960px){
    body{
        background-color: red;
    }
    .wrapperShadow {
        margin: 0px 3em;
        box-shadow: 0px 0px 2.5em 0.5em rgba(0, 0, 0, 0.4);
    }
    .wrapperShadow {
        margin: 0px 3em;
        box-shadow: 0px 0px 2.5em 0.5em rgba(0, 0, 0, 0.4);
    }

 }

我加了红色作为测试。 但是在IE中,它并没有根据F12工具选择这个CSS 我只是想知道问题是什么。

编辑1:

我注意到的是我的网站在各种页面上默认为兼容模式。 当我使用地址栏中的小破页符号关闭兼容模式时,页面看起来是正确的 为什么它默认为兼容模式? 是因为我的标题中有以下行:

<meta http-equiv="X-UA-Compatible" content="IE=8">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >    

4 个答案:

答案 0 :(得分:1)

您是否启用了兼容模式?检查......

(IE9在“兼容性视图设置”下,它具有“在兼容性视图中显示Intranet站点”)

祝你好运..)

答案 1 :(得分:1)

据我所知,IE9可以理解@media查询,但早期版本不能。如果您在PC上按f12然后检查兼容模式,您可能会发现它正在运行早期版本。

我曾经看过这段代码来显示子IE9浏览器的默认图像:

答案 2 :(得分:1)

嗯,实际上它不会让我发布代码。解决方法位于第85行:https://github.com/scottjehl/picturefill/commit/9aa22f58cd338bdd22e907239cb33629a5ec2143

答案 3 :(得分:0)

使用那些元标记你要告诉ie使用ie 7视图引擎,yuck。删除这些标签后,您将使用9或10个视图引擎。