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

Question

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

我在标题中使用宽的 728 像素广告（google adsense），当视口宽度小于 728 像素时，我想隐藏它。所以我修改了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;