如何在IE8中使Bootstrap 3響應（使用動態加載的CSS）

Question

我沒有看到針對以下問題的解決方案：我有一個動態加載CSS的頁面（例如Bootstrap 3腳本）。使其工作的解決方案是use respond.js，但這是否需要respond.js加載後 CSS使用媒體查詢。

當動態加載CSS時，有is no way來檢測何時加載CSS文件（我也沒有jQuery）。

當沒有jQuery可用和Bootstrap 3動態加載時，我應該嘗試在IE8中添加對媒體查詢的支持嗎？

Answer 1

最近我使用JavaScript的針對JavaScript的延遲加載的onreadystatechange，見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?