0

css ファイルに次のテスト コードがあります。

@media only screen and (min-width: 960px){
    body{
        background-color: red;
    }
    .wrapperShadow {
        margin: 0px 3em;
        box-shadow: 0px 0px 2.5em 0.5em rgba(0, 0, 0, 0.4);
    }
    .wrapperShadow {
        margin: 0px 3em;
        box-shadow: 0px 0px 2.5em 0.5em rgba(0, 0, 0, 0.4);
    }

 }

試しに赤を入れてみました。しかし、IE では、F12 ツールのようにこの css を選択していませ
ん。何が問題なのか疑問に思っています。

編集1:

私が気付いているのは、私のサイトがさまざまなページで互換モードにデフォルト設定されていることです。アドレスバーの小さな壊れたページ記号を使用して互換モードをオフにすると、ページは正しく表示されます。
デフォルトで互換モードになっているのはなぜですか? ヘッダーに次の行があるためです。

<meta http-equiv="X-UA-Compatible" content="IE=8">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >    
4

4 に答える 4

1

私の知る限り、IE9 は @media クエリを理解できますが、以前のバージョンは理解できません。PC で f12 キーを押してから互換モードを確認すると、以前のバージョンが実行されていることがわかる場合があります。

サブIE9ブラウザのデフォルト画像を表示するこのコードを見たことがあります:

于 2013-01-18T00:26:34.513 に答える
1

互換モードをオンにしていますか?それを確認します...

(IE9の「互換表示設定」の下に「互換表示でイントラネットサイトを表示する」がありました)

幸運を..)

于 2013-01-18T00:21:12.500 に答える
1

うーん、実際にはコードを投稿できません。回避策は 85 行目にあります: https://github.com/scottjehl/picturefill/commit/9aa22f58cd338bdd22e907239cb33629a5ec2143

于 2013-01-18T00:31:22.480 に答える
0

これらのメタ タグを使用して、ie 7 ビュー エンジンを使用するように指示しています。これらのタグを削除すると、9 または 10 のビュー エンジンが使用されます。

于 2013-01-18T02:59:27.150 に答える