CSS部分
normalize.css <small>下載 </small>
- 原因:不同的瀏覽器在對(duì)于CSS默認(rèn)樣式是不一樣的。
超鏈接,有些瀏覽器有下劃線,有些瀏覽器沒有;有些是藍(lán)色,有一些又是黑色。 - 作用:讓不同的瀏覽器在渲染網(wǎng)頁(yè)元素的時(shí)候形式更統(tǒng)一。
- 使用方式:在所有的CSS之前,引用normalize.css即可。
Bootstrap默認(rèn)引入了normalize.css,所以使用Bootstrap的時(shí)候,不需要再引用該文件。*
推薦資料:
JS部分
excanvas.js <small>下載 </small>
- 原因:
canvas標(biāo)簽在IE6~IE8瀏覽器上不被支持。 - 作用:在IE6~IE8瀏覽器上模擬
canvas標(biāo)簽。 - 使用方式:在head標(biāo)簽條件注釋引入即可。
<!--[if lt IE9 ]>
<script type="text/javascript" src="excanvas.js"></script>
<![endif]-->
html5shiv.js <small>下載 </small>
- 原因:HTML5標(biāo)簽在IE6~IE8瀏覽器上不被識(shí)別,不能添加CSS樣式。
- 作用:IE6~IE8識(shí)別HTML5標(biāo)簽,并且可以添加CSS樣式。
- 使用方式:在head標(biāo)簽條件注釋引入即可。
<!--[if lt IE9 ]>
<script type="text/javascript" src="html5shiv.js"></script>
<![endif]-->
這個(gè)文件是Bootstrap結(jié)構(gòu)中必須的條件注釋引用,用來處理兼容性的。
respond.js <small>下載 </small>
- 原因:IE6~IE8瀏覽器上不支持媒體查詢,不能響應(yīng)式布局。
- 作用:使IE6~IE8瀏覽器支持媒體查詢。
- 使用方式:在head標(biāo)簽引入即可。
<!--[if lt IE9 ]>
<script type="text/javascript" src="html5shiv.js"></script>
<![endif]-->
這個(gè)文件是Bootstrap中條件注釋引用的,用來處理兼容性的。
其他
modernizr.js <small>下載 </small>
- 原因:HTML5和CSS3在低版本的瀏覽器支持比較低。
- 作用:檢測(cè)瀏覽器是否實(shí)現(xiàn)了某個(gè)HTML5或者CSS3特性
- 使用方式:在head標(biāo)簽引入,還需要增加一些額外處理。
推薦資料: