最近做一個Web網(wǎng)站,之前一直覺得bootstrap非常好,這次使用了bootstrap3,在chrome,firefox,safari,opera,360瀏覽器(極速模式)、搜狗瀏覽器等瀏覽器下均沒有問題,而在IE8及IE11下發(fā)現(xiàn)樣式無法顯示,然后各種百度啊,最后在 雅朋網(wǎng) 的一個網(wǎng)友帖子的幫助下解決了問題,也參考了 千尋學習網(wǎng) 的資料,先將解決方法總結如下:
首先需要確保你的HTML頁面開始部分要有DOCTYPE聲明。DOCTYPE告訴瀏覽器使用什么樣的HTML或XHTML規(guī)范來解析HTML文檔,具體會影響:
對標記attributes 、properties的約束規(guī)則
對瀏覽器的渲染模式產(chǎn)生影響,不同的渲染模式會影響到瀏覽器對于CSS代碼甚至JavaScript腳本的解析
DOCTYPE是非常關鍵的,目前的最佳實踐就是在HTML文檔的首行鍵入:
大神的帖子總結的bootstrap的查找原因好幾條,首先,Bootstrap3 是移動設備優(yōu)先的原則開發(fā)的,所以原因可能如下:
1.沒有正確調(diào)用遠程地址
即只要是IE9以下,就調(diào)用兩個專門的js<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
延伸閱讀
學習是年輕人改變自己的最好方式