0

我的 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

4 回答 4

1

你有打开兼容模式吗？检查...

（IE9 在“兼容性视图设置”下有“在兼容性视图中显示 Intranet 站点”）

祝你好运..）

于 2013-01-18T00:21:12.500 回答
1

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

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

于 2013-01-18T00:26:34.513 回答
1

呃，实际上它不会让我发布代码。解决方法在第 85 行：https ://github.com/scottjehl/picturefill/commit/9aa22f58cd338bdd22e907239cb33629a5ec2143

于 2013-01-18T00:31:22.480 回答
0

使用这些元标记，您告诉 ie 使用 ie 7 视图引擎，哎呀。当您删除这些标签时，您将使用 9 或 10 视图引擎。

于 2013-01-18T02:59:27.150 回答