javascript - 仅使用 JavaScript 为 ie8 调用不同的样式表（不支持媒体查询）

Question

我只需要为 IE8 调用不同分辨率的不同样式表，因为它与媒体查询不兼容。

Answer 1

尝试使用http://www.quirksmode.org/css/condcom.html

Answer 2

编辑2：我把这个答案和另一个问题混在一起弄乱了这个答案，但现在一切都应该好了。对不起OP。

---

不要为每个分辨率设置单独的样式表，而是将它们组合起来并让 javascript 在 Body 上放置一个类，以便为分辨率应用正确的样式规则。例如：

IE8Styles.css

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

页面.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>

Answer 3

由于您明确要求“使用 javascript”，因此我不提倡使用条件注释。
这留下了条件编译：

/*@cc_on@if(@_jscript_version == 5.8)
document.getElementById("id-of-your-style-tag").styleSheet.addImport("/path/style.css");
@end@*/