使用Javascript读取CSS文件并动态更改页面

所以CSS

@media

查询在IE8中不起作用

@media (min-width: 768px) {
/* some css */
}
@media (min-width: 972px) and (max-width: 1024px){
/* different css */
}

现在，我可以创建名为

IE_min768.CSS

和

IE_min972_max1024

的单独CSS文件，并在调整页面宽度时使用Javascript动态加载和卸载文件。但这违反了D.R.Y.的规定，在多个地方维护CSS将是一件痛苦的事情

---

是否可以使用Javascript（仅在IE中）实际读取CSS文件，检测

@媒体

部分，并在正确的情况下将CSS动态应用于浏览器？

不要重新发明轮子。就用吧

从GitHub上的自述文件：

此脚本的目标是提供一个快速、轻量级（3kb缩小/1kb压缩）脚本，以便在不支持CSS3媒体查询的浏览器（特别是Internet Explorer 8及以下版本）中实现响应性web设计。它的编写方式可能也会为其他不支持的浏览器提供补丁支持（有关这方面的更多信息很快就会提供）

---

我在某个地方读到了一则妙趣横生的评论：“缺少媒体查询支持是第一个媒体查询”：-）这只是一个猜测，但是你能用

@import

干涸CSS吗？类似帖子中的更多信息：效果很好！为了完整起见，我还想提到respond.js的创建者链接到。回复对我来说很有效，因为我的CSS并不太复杂。