internet-explorer - IE 8 忽略媒体查询，但最大宽度媒体查询有效

Question

我在一个项目中使用了 respond.js，并使用了两个媒体查询，效果好坏参半。

这个：@media only screen and (max-width: 399px) { rules...} - 效果很好。

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

两个媒体查询都在同一个整体样式表中（使用样板文件）。我不明白为什么 IE 会忽略一个而不是另一个。

任何建议将不胜感激。其他浏览器（Firefox、Safari、Chrome）可以正常工作。

Answer 1

我今天早上看到了这篇文章——不知道我之前搜索时是怎么错过的：

Internet Explorer 8 不会修改打印样式表中的 HTML5 标记

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

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