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