IE 8忽略媒体查询但最大宽度媒体查询有效

Question

我正在项目中使用respond.js并使用两个媒体查询并取得了成功。

这一个：@media only屏幕和（max-width：399px）{rules ...} - 效果非常好。

这一个：@media print {rules ...} - 根本不起作用。

两个媒体查询都在相同的整体样式表中（使用样板）。我无法理解为什么IE会忽略一个而不是另一个。

任何建议都将不胜感激。其他浏览器（Firefox，Safari，Chrome）没有任何问题。

Answer 1

今天早上我发现了这篇文章 - 不确定我之前在搜索时是如何错过的：

Internet Explorer 8 won't modify HTML5 tags in print stylesheet

我遇到的问题与使用html5标签有关，因为那些是我试图修改的元素。我在页面上使用Modernizr，但我们使用的版本不包括html5shiv / printshiv我想当我们尝试打印浏览器时只是忽略了打印样式表中引用的其他html5标签。

为IE添加html5shiv / printshiv库解决了我的问题。