1. 程式人生 > >boostrap相容瀏覽器IE7,8,9,10

boostrap相容瀏覽器IE7,8,9,10

boostrap作為時下非常流行的前臺框架,本身簡潔美觀,正合適做現在流行的歐美簡潔大氣網站,它大量使用了html5和css3元素,加上網路上大量的模板,真是建網建站、居家旅行的第一選擇。

但是!由於使用了大量的css3和html5,對IE相容性就是一個極大的挑戰,在火狐、谷歌等等瀏覽器上精美的網站到了IE上就可能立馬毀容,無論我們多麼鄙視IE的自閉,IE本身的市場佔有也只能讓我們去適應它。

還好boostrap本身對IE有做相容處理,讓原有的效果一樣在IE上流暢運作:

1、確保所有的元素都有對應的元素,別偷懶給每個文字加上應有的<p><span>......

2、關鍵

<!--[if lt IE 10]>

        <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>

        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>

    <![endif]-->

在IE10或IE10一下的瀏覽器上,載入html5shiv.js和respond.js檔案,間接讓IE識別html5標籤,支援css3元素,注意最好使用網路連結,不要用本地

3、在上面2步的基礎上,可以讓你的網站在IE7上面基本正常執行,基本識別所有html5標籤,css3標籤基本支援,如圓角、陰影等特效,至於IE6嘛。。。。。。