解决ie9以下下不支持html5和媒体查询(Media Queries)

ie9以下不支持媒体查询和html5,可以使用补丁完美兼容

1、html5shiv

ie6~8不识别html5的新元素,可以通过使用html5shiv来解决

<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5shiv.js"></script>
<![endif]-->

本地没有文件的话,可以应用开源社区的文件

<!--[if lt IE 9]>
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
<![endif]-->

2、respond.js

解决ie6~8不支持媒体查询特性

<!--[if lte IE 9]>
<script src="../lib/bootstrap/js/respond.min.js"></script>
<![endif]-->

同样

<!--[if lt IE 9]>
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->

respond.js要在css的后面引入,越早越好,这样ie下面看到页面闪屏的概率就越低,因为css会先渲染,若respond.js加载的很后面,重新解析出来的css会再改变一次页面布局,看起来有闪屏现象

 

posted @ 2016-12-09 15:09  慵懒的小猪  阅读(1185)  评论(0编辑  收藏  举报