-1

IE8 はメディア クエリと互換性がないため、解像度ごとに異なるスタイル シートを呼び出す必要があります。

4

3 に答える 3

0

http://www.quirksmode.org/css/condcom.htmlを使用してみてください

于 2012-05-29T21:27:10.690 に答える
0

あなたは明示的に「javascriptで」と尋ねているので、条件付きコメントの使用は推奨しません。
それは条件付きコンパイルを残します:

/*@cc_on@if(@_jscript_version == 5.8)
document.getElementById("id-of-your-style-tag").styleSheet.addImport("/path/style.css");
@end@*/
于 2012-07-17T02:49:38.020 に答える
0

編集2：別の質問と混同してこの回答を台無しにしましたが、今はすべてうまくいっているはずです。OPごめんなさい。

解像度ごとに個別のスタイルシートを用意する代わりに、それらを組み合わせて JavaScript でボディにクラスを配置し、解像度に適したスタイル ルールが適用されるようにします。例:

IE8Styles.css

.mystyle { /* Common Styles */ }
body.res800x600 .mystyle { ... }
body.res1024x768 .mystyle { ... }

Page.html

<script>
setTimeout(fixResolutionStyles, 200)

function fixResolutionStyles() {
    var windowWidth = document.body.offsetWidth
    var bodyClass = ""
    if(windowWidth > 1600){
        bodyClass = '1600x900'
    } else if (windowWidth > 1024) {
        bodyClass = '1024x786'
    }
    document.body['class'] = "res" + bodyClass
    setTimeout(fixResolutionStyles, 200)
}
</script>
于 2012-05-29T21:51:30.357 に答える