bootstrap不支持ie的解決方法

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

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

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

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

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

對標記attributes 、properties的約束規(guī)則

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

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

<!DOCTYPE html>

大神的帖子總結(jié)的bootstrap的查找原因好幾條，首先，Bootstrap3 是移動設(shè)備優(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>
  <script src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->

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

推薦：《bootstrap教程》

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

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

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

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

<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />

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

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

我有加了一句

<meta http-equiv="X-UA-Compatible" content="IE=9" />

然后就可以了

內(nèi)核控制Meta標簽，因為目前國內(nèi)的主流瀏覽器都是雙內(nèi)核，故而添加meta標簽來告訴瀏覽器使用什么內(nèi)核來渲染頁面

4、IE8不支持container的幾個屬性

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

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

必須先引用css在引用js

<link rel="stylesheet" type="text/css" href="bootstrap.min.css" media="screen"/>
<script type="text/javascript" src="js/respond.min.js"></script>

6、DOCTYPE前后有空行

<!DOCTYPE html>
這里有空格也不行，要去掉空格
<html>

7、也可以手動修改bootstrap.css

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

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

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

定義網(wǎng)頁時，向后兼容舊的瀏覽器的模式就是quirks mode，與之對應(yīng)的是“標準模式”就是 standard mode。具體是將<!DOCTYPE html>寫成以前的這種

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

這個我測試過，不可行

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

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

本文引用的jquery是1.11.1測試通過，先引用jquery

<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script>

也可以用其他的jquery版本

再引入

<script type="text/javascript" src="js/jquery.placeholder.js"></script>

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

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

<script type="text/javascript">
    $(function () {
        // Invoke the plugin
        $('input, textarea').placeholder();
    });
</script>

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

網(wǎng)站題目：bootstrap不支持ie的解決方法
地址分享：http://jinyejixie.com/article24/ggsdje.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供云服務(wù)器、App設(shè)計、面包屑導航、網(wǎng)站維護、品牌網(wǎng)站設(shè)計、網(wǎng)站收錄

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

bootstrap不支持ie的解決方法