響應式設計和Internet Explorer

Question

我使用html5模板以及響應式佈局，它工作得很好（在所有主流瀏覽器中）。

我在標題中使用寬廣的728px廣告（google adsense），並且我想隱藏它，當視口寬度小於728px時。所以我修改了css文件 - 添加了

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

到文件末尾。一切工作完美的Firefox和鉻。但IE10在更改窗口寬度時不會隱藏橫幅。

修改後的代碼：

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

也不會隱藏在IE的大旗，然而，後臺更改應用於...

你有泉主意，爲什麼IE不隱藏橫幅？

感謝

Answer 1

IE有一些衆所周知的缺陷，其中之一是您所遇到的一個。

試試visibility:hidden;