這篇文章主要介紹了bootstrap不支持ie的解決方法，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

大峪網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)！從網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、成都響應(yīng)式網(wǎng)站建設(shè)公司等網(wǎng)站項(xiàng)目制作，到程序開發(fā)，運(yùn)營(yíng)維護(hù)。創(chuàng)新互聯(lián)自2013年起到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)。

bootstrap不支持ie的解決辦法：首先確保HTML頁面開始部分要有DOCTYPE聲明；然后正確調(diào)用遠(yuǎn)程地址，并針對(duì)瀏覽器的內(nèi)容做標(biāo)識(shí)；最后檢查并修改相應(yīng)的js或css文件即可。

bootstrap對(duì)IE9以下的瀏覽器存在一定的兼容問題，要解決這個(gè)兼容問題，必須引入相關(guān)的js文件進(jìn)行相應(yīng)的處理才能解決。下面本篇文章給大家介紹一下bootstrap不支持ie的解決方法，希望對(duì)大家有所幫助。

首先需要確保你的HTML頁面開始部分要有DOCTYPE聲明。DOCTYPE告訴瀏覽器使用什么樣的HTML或XHTML規(guī)范來解析HTML文檔，具體會(huì)影響：

對(duì)標(biāo)記attributes 、properties的約束規(guī)則

對(duì)瀏覽器的渲染模式產(chǎn)生影響，不同的渲染模式會(huì)影響到瀏覽器對(duì)于CSS代碼甚至JavaScript腳本的解析

DOCTYPE是非常關(guān)鍵的，目前的最佳實(shí)踐就是在HTML文檔的首行鍵入：

大神的帖子總結(jié)的bootstrap的查找原因好幾條，首先，Bootstrap3 是移動(dòng)設(shè)備優(yōu)先的原則開發(fā)的，所以原因可能如下：

1、沒有正確調(diào)用遠(yuǎn)程地址

即只要是IE9以下，就調(diào)用兩個(gè)專門的js

但是我測(cè)試發(fā)現(xiàn)僅僅使用以上js文件不可行，

推薦：《bootstrap教程》

2、調(diào)用方法不正確

不要用file://或@import形式引用respond.min.js或respond.js或css文件

3、針對(duì)瀏覽器的內(nèi)容做標(biāo)識(shí)（使用meta標(biāo)簽調(diào)節(jié)瀏覽器的渲染方式）

bootstrap不支持IE兼容模式，為了讓IE瀏覽器運(yùn)行最新的渲染模式，將添加以下標(biāo)簽在頁面中

IE=edge表示強(qiáng)制使用IE最新內(nèi)核，chrome=1表示如果安裝了針對(duì)IE6/7/8等版本的瀏覽器插件Google Chrome Frame（可以讓用戶的瀏覽器外觀依然是IE的菜單和界面，但用戶在瀏覽網(wǎng)頁時(shí)，實(shí)際上使用的是Chrome瀏覽器內(nèi)核），那么就用Chrome內(nèi)核來渲染。關(guān)于此meta標(biāo)簽的具體說明，可參見StackOverflow上的精彩回答，標(biāo)簽高人的英文解釋可以參看

http://stackoverflow.com/questions/6771258/whats-the-difference-if-meta-http-equiv-x-ua-compatible-content-ie-edge-e

我有加了一句

然后就可以了

內(nèi)核控制Meta標(biāo)簽，因?yàn)槟壳皣?guó)內(nèi)的主流瀏覽器都是雙內(nèi)核，故而添加meta標(biāo)簽來告訴瀏覽器使用什么內(nèi)核來渲染頁面

4、IE8不支持container的幾個(gè)屬性

IE8不完全支持box-sizing:border-box與min-width, max-width, min-height或max-height的一起使用.所以，v3.0.1的bootstrap中對(duì)container的類，已經(jīng)不再使用max-width了。

5、JS與CSS的引入順序?qū)е碌膯栴}

必須先引用css在引用js

6、DOCTYPE前后有空行

這里有空格也不行，要去掉空格

7、也可以手動(dòng)修改bootstrap.css

如果您使用的是bootstrap2.1.1，修改了navbar-inner{ filter:none}可解決問題，如果使用的是3.0+版的，沒有這段代碼了，詳細(xì)介紹請(qǐng)看連接

http://stackoverflow.com/questions/12460190/bootstrap-navbar-does-not-show-in-ie8

8、使用quirks mode（兼容模式）

定義網(wǎng)頁時(shí)，向后兼容舊的瀏覽器的模式就是quirks mode，與之對(duì)應(yīng)的是“標(biāo)準(zhǔn)模式”就是 standard mode。具體是將寫成以前的這種

這個(gè)我測(cè)試過，不可行

最后我在IE11下測(cè)試通過，但是在IE8下測(cè)試，有發(fā)現(xiàn)一個(gè)問題placeholder不被支持

下面是解決IE支持placeholder的方法

本文引用的jquery是1.11.1測(cè)試通過，先引用jquery

也可以用其他的jquery版本

再引入

jquery.placeholder.js這個(gè)文件的下載地址https://github.com/mathiasbynens/jquery-placeholder

然后再文件中加入一下代碼

    $(function () {
        // Invoke the plugin
        $('input, textarea').placeholder();
    });

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“bootstrap不支持ie的解決方法”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來學(xué)習(xí)!