新建一個html文件,定名為test.html,用于介紹若何解決bootstrap在IE9瀏覽器的兼容問題。
在head頭部標簽內,利用meta標簽界說content="IE=edge",即最新的IE版本模式來顯示網頁;利用content="width=device-width, initial-scale=1"界說主動順應手機屏幕的寬度。
在head頭部標簽內,利用link標簽加載bootstrap.min.css樣式文件,這是利用bootstrap結構必需加載的文件。
在head頭部標簽內,加載兩個js文件,一個是html5shiv.min.js,另一個是respond.min.js文件,這兩個文件本家兒要實現IE9對HTML5元素和媒體查詢(media queries)標簽的撐持。
在body標簽內,利用ul li建立一個下拉框,而且利用bootstrap來實現結構和下拉的功能。
再加載jquery.min.js庫文件和bootstrap.min.js文件,這是bootstrap實現功能(例如彈窗、導航)必需加載的兩個文件。
在IE9瀏覽器運行test.html文件,查看運行的結果,當作功兼容IE9實現下拉菜單。
0 篇文章
如果覺得我的文章對您有用,請隨意打賞。你的支持將鼓勵我繼續創作!