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

Question

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

并且在动态加载 CSS 时，无法检测 CSS 文件何时加载（我也没有 jQuery）。

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

Answer 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 交付优化：如何延迟 CSS 加载？