2

私は2日間グーグルで検索しましたが、答えが見つかりません....問題はIE8だけです.他のすべてのブラウザは正常に動作しています....次のJsファイルを使用して、IE8でメディアクエリをサポートしています：

css3-mediaqueries.js
html5.js

問題は、外部スタイルシートではメディア クエリが機能しないことですが、html ファイルの head セクション内に配置すると、問題なく機能し始めます。サイトはワードプレスです。どんな助けでも素晴らしいでしょう。

私のメディアクエリコードは次のとおりです。

@media only screen and (min-width: 769px) and (max-width:1075px) {
    #wrap {
        width:100%;
        max-width:98%;
    }
}
@media \0screen {
    img { 
        width: auto; /* for ie 8 */
    }
}
@media only screen and (min-width: 600px) and (max-width:768px) {
    #wrap {width: 100%;}
    .grid {padding: 0;}
    #contentleft {width: 100%;}
    .grid > aside {float: none; margin: 0; width: auto; }
    #contentright {float: none;}
}
4

1 に答える 1

1

ヘッドタグに空のスタイルタグを設定してみてください。

 <style></style>

link relスタイルシートで宣言されたメディアクエリに問題があり、これで解決しました。

于 2012-11-27T09:17:12.020 に答える