响应式设计和互联网浏览器

Question

我正在使用带有响应式布局的html5模板，它运行得很好（在所有主流浏览器中）。

我在标题中使用广泛的728px广告（google adsense），当视口宽度小于728px时，我想隐藏它。所以我修改了css文件 - 添加了

@media screen and (max-width: 728px) {
    .responsiveBanner {
        display:none;
    }
}

到文件的末尾。一切都在firefox和chrome中完美运行。但是，当改变窗口宽度时，IE10不会隐藏横幅。

修改后的代码：

@media screen and (max-width: 728px) {
    .responsiveBanner {
        display:none;
    }
    body {
            background:yellow;
    }
}

也不会隐藏IE中的横幅，但是应用了背景更改...

你有没有想法，为什么IE不隐藏横幅？

由于

Answer 1

IE有一些众所周知的错误，其中一个就是你遇到的错误。

尝试visibility:hidden;