版权声明：本文为博主原创文章，未经博主允许不得转载 https://blog.csdn.net/qq_40713392/article/details/86634251
不支持CSS3 Media Queryes特性的浏览器能够支持响应性设计，尤其是小于等于8的ie浏览器。 解决方法是Respond.js插件。下载地址，传送门
-
Respond.js缺陷
1.脚本仅仅对min-width 和 max-width media queries 以及所有的media types(screen,print,等等)不支持的浏览器提供支持，引用Respond.js脚本，放到所有css文件之后（它越早运行，ie用户看到非media内容的闪烁的几率越小）。2.由于浏览器的安全机制，Respond.js 不能在通过 file:// 协议（打开本地HTML文件所用的协议）访问的页面上发挥正常的功能。如果需要测试 IE8 下面的响应式特性，务必通过 http 协议访问页面
3.Respond.js 不支持通过 @import 指令所引入的 CSS 文件。例如，Drupal 一般被配置为通过 @import 指令引入CSS文件，Respond.js 对其将无法起到作用。
4.宽域问题，如果 Respond.js 和 CSS 文件被放在不同的域名或子域名下面时需要一些额外的设置，参考(http://my.oschina.net/ximidao/blog/349130)