新建一個html文件 , 定名為test.html , 用于介紹若何解決bootstrap在IE9瀏覽器的兼容問題 。

2在head頭部標簽內 , 利用meta標簽界說content="IE=edge" , 即最新的IE版本模式來顯示網頁;利用content="width=device-width, initial-scale=1"界說主動順應手機屏幕的寬度 。

3在head頭部標簽內 , 利用link標簽加載bootstrap.min.css樣式文件 , 這是利用bootstrap結構必需加載的文件 。

4在head頭部標簽內 , 加載兩個js文件 , 一個是html5shiv.min.js , 另一個是respond.min.js文件 , 這兩個文件本家兒要實現IE9對HTML5元素和媒體查詢(media queries)標簽的撐持 。

5在body標簽內 , 利用ul li建立一個下拉框 , 而且利用bootstrap來實現結構和下拉的功能 。

6【bootstrap不支持ie9怎么辦】再加載jquery.min.js庫文件和bootstrap.min.js文件 , 這是bootstrap實現功能(例如彈窗、導航)必需加載的兩個文件 。

7在IE9瀏覽器運行test.html文件 , 查看運行的結果 , 當作功兼容IE9實現下拉菜單 。

以上內容就是bootstrap不支持ie9怎么辦的內容啦 , 希望對你有所幫助哦!
猜你喜歡
- 怎樣使用bootstrap制作側邊欄
- 如何用Bootstrap制作輸入框組
- 如何用Bootstrap制作輪播圖
- 如何用Bootstrap制作導航條
- Bootstrap Table創建后臺管理系統
- 華為手機為什么不支持微信指紋支付功能
- 蘋果充電出現“不支持此配件”原因解析
- 電腦安裝不了IE8提示不支持您的操作系統
- bootstrap如何更改導航欄顏色
- 微信視頻通話提示對方不支持怎么辦
