1. 程式人生 > >html5shiv.js和respond.min.js

html5shiv.js和respond.min.js

tle 1.4 media 網站 google 不起作用 不支持 查詢 ie 9

做頁面常用的東西,寫這裏用的時候省點去找了。。。

html5shiv:解決ie9以下瀏覽器對html5新增標簽的不識別,並導致CSS不起作用的問題。

respond.min:讓不支持css3 Media Query的瀏覽器包括IE6-IE8等其他瀏覽器支持查詢。

由於IE6/IE7/IE8還有很大一部分用戶,為了讓網站瀏覽者都能正常的訪問HTML5網站,故這兩種方案還是需要的,

下面是兩個解決方法的cdn地址寫法:

技術分享
<!--[if lt IE 9]>

  <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.js"></script>

   <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>

<![endif]—>
技術分享

也有一種讓ie8及以下支持css3媒體查詢的css3-mediaqueries.js 像上面引入也可,但是會出現閃屏 不是特別推薦使用, 上面是最常用的

html5shiv.js和respond.min.js