媒體查詢?cè)?60兼容模式下不好用

兼容模式默認(rèn)是以ie7標(biāo)準(zhǔn)渲染的，ie7不支持media query，你用ie打開那應(yīng)該是以ie11渲染的。
可以加入這個(gè)試下：

<metahttp-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">

還看到有人用這個(gè)辦法：

<!--[if lt IE 9]>

<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>

你可以把這個(gè)下載下來引入

除非變態(tài)的需求 我一般這么做：<meta name="renderer" content="webkit"> ，如果按照你說的 你可以 借鑒
bootstrap 對(duì) ie 系列的兼容 寫法。
https://v3.bootcss.com/gettin...， 不知道行不行