让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]-->