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

Question

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

我在页眉中使用了 728 像素的宽广告 (google adsense)，当视口宽度小于 728 像素时，我想隐藏它。所以我修改了css文件-添加了

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

到文件末尾。一切都在 Firefox 和 chrome 中完美运行。但是IE10在改变窗口宽度时并没有隐藏banner。

修改代码：

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

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

你知道为什么 IE 不隐藏横幅吗？

谢谢

Answer 1

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

试试visibility:hidden;