在IE7和IE8中支持媒体查询

Question

我使用媒体查询来响应我的网站，但IE <9中不支持。我从github下载了“ matchmedia.js”和“ css3-mediaqueries-js.js”代码，但无法正常工作。 我错过了什么吗？ 另外我也使用这个meta标签，但是它不起作用。

Answer 1

我使用的策略填充是将匹配的媒体查询的样式添加为页面上的样式标签。 因此，规则变得混乱了。

例如这样的代码

.smth { margin: 1em; }
@media only screen and (max-width: 900px) { .smth { margin: .5em; } }
.other { margin-top: 0; }

重新排序为

.smth { margin: 1em; }
.other { margin-top: 0; }
/* following line appears on the page */
.smth { margin: .5em; }

并且在

<div class="smth other">...</div>

工作不正确。

检查您使用的库是否存在相同的问题。