如何使 Bootstrap 3 在 IE8 中响应（使用动态加载的 CSS）答案

【问题标题】：How to make Bootstrap 3 responsive in IE8 (with dynamically loaded CSS)如何使 Bootstrap 3 在 IE8 中响应（使用动态加载的 CSS）
【发布时间】：2013-11-09 16:25:18
【问题描述】：

我没有看到以下问题的解决方案：我有一个动态加载它的 CSS 的页面（例如 Bootstrap 3 脚本）。使其工作的解决方案是use respond.js，但这需要使用媒体查询在 CSS 之后加载respond.js。

并且在动态加载 CSS 时，有is no way 来检测 CSS 文件何时加载（我也没有 jQuery）。

当没有可用的 jQuery 并且动态加载 Bootstrap 3 时，我应该尝试什么其他方法在 IE8 中添加对媒体查询的支持？

【问题讨论】：

标签： css internet-explorer-8 media-queries twitter-bootstrap-3

【解决方案1】：

最近我使用javascript的onreadystatechange来延迟加载javascript，见http://wordpress.org/plugins/wp-defer-loading/和https://developers.google.com/speed/docs/insights/BlockingJS

我认为你可以用同样的方法来解决你的问题：

function loadrespond(){
var respond_js = document.createElement("script");
respond_js.src = "assets/respond.js";
document.body.appendChild(respond_js);
}

var elementbootstrapcss = document.createElement("link");
elementbootstrapcss.onreadystatechange = function () {
if (this.readyState == 'complete') loadrespond();
}
elementbootstrapcss.onload = loadrespond;

elementbootstrapcss.href = 'assets/css/bootstrap.css';
elementbootstrapcss .rel = 'stylesheet';
elementbootstrapcss.type = 'text/css';
document.getElementsByTagName('head')[0].appendChild(elementbootstrapcss);

CSS 加载自：CSS delivery optimization: How to defer css loading?

【讨论】：