让IE系列支持HTML5的html5shiv.js和respond.min.js

时间:2023-03-08 17:24:09
让IE系列支持HTML5的html5shiv.js和respond.min.js

HTML5越来越成为主流,被广大搜索引擎所使用,但IE对HTML5的支持却常被人唾弃。

解决方案有两种:

1.为网站创建多套模板,通过程序对User-Agent的判断给不同的浏览器用户显示不同的页面,比如优酷网就是采用的这种模式。(缺点:工程量大)

2.使用javascript来使不支持HTML5的浏览器支持html标签。是大部分网站采用的方式。具体方法如下:

在head头部添加如下代码即可

<!-- html5shiv.js和respond.js IE8支持HTML5元素和媒体查询 -->
<!--[if lt IE 9]>
<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]-->