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



我在一个项目中使用responsd.js,并使用两个媒体查询,结果喜忧参半。

这个:@media-only屏幕和(最大宽度:399px){rules…}-工作得很好。

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

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

如有任何建议,我们将不胜感激。其他浏览器(Firefox、Safari、Chrome)可以正常工作。

我今天早上看到了这篇文章-不确定我之前搜索时是怎么错过的:

Internet Explorer 8赢得';t修改打印样式表中的HTML5标记

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

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

最新更新