html - レスポンシブ デザインとインターネット エクスプローラー

Question

レスポンシブ レイアウトの html5 テンプレートを使用していますが、(すべての主要なブラウザーで) 正常に動作します。

ビューポートの幅が 728px 未満の場合、ヘッダーで幅の広い 728px 広告 (Google Adsense) を使用しています。だから私は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 にはよく知られたバグがいくつかあります。そのうちの 1 つが、あなたが遭遇したものです。

試すvisibility:hidden;