css打印查询不起作用

时间:2011-04-04 13:13:28

标签: css

我在我的主CSS文件中有这个代码但是当我打印预览时它没有隐藏内容。

@media print {
#nav,
#footer,
#flash {    display:none; } }

当我添加链接的打印样式表时,它可以正常工作。

有什么想法吗?

感谢。

3 个答案:

答案 0 :(得分:4)

您使用的浏览器是什么?这可能是因为浏览器不支持这种声明打印样式的方式。

我建议坚持最佳实践(如果可以的话)并使用

<link rel="stylesheet" media="print" href="print.css" type="text/css" />

更多信息here

答案 1 :(得分:1)

请确保您的样式表链接中没有media =“screen”属性。这将导致它在打印时不适用。 将'print'添加到属性media =“screen,print”或完全保留属性

请参阅http://lawrencenaman.com/optimisation/print-media-queries-not-working/

答案 2 :(得分:0)

“浏览器对媒体查询的支持非常不错。对于这个特定演示中的查询(利用最小和最大宽度),当前版本的Firefox,Safari(包括移动),Chrome和Opera都支持它。资源管理器9将支持它,但8及以下不支持。如果我想在IE 8及更低版本中提供最佳体验,我要么像我在本文中所做的那样伪造它,或者使用IE特定的样式表并根据分析将其设置为与最常见的浏览器宽度相同的样式。

请注意,milage可能因各种类型的查询而异。例如,iPhone支持宽度查询,但不支持方向查询。 iPad支持两者。“

- 摘自http://css-tricks.com/css-media-queries/