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会再改变一次页面布局,看起来有闪屏现象