bootstrap不支持ie9怎么辦

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

bootstrap不支持ie9怎么辦



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

bootstrap不支持ie9怎么辦



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

bootstrap不支持ie9怎么辦



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

bootstrap不支持ie9怎么辦



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

bootstrap不支持ie9怎么辦



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

bootstrap不支持ie9怎么辦



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

bootstrap不支持ie9怎么辦



以上內容就是bootstrap不支持ie9怎么辦的內容啦 , 希望對你有所幫助哦!

    猜你喜歡