css - 为什么打印时页面元素不会隐藏？

Question

我有一个我正在使用的网站，其中有一个“打印页面”按钮。当页面打印时，我想要隐藏页面的某些元素(例如左侧导航、顶部导航等...)。

我已将其添加到我的 style.css 中:

@media print {
  #topnav { display:none }
  #left-col { display:none }
}

但是，当我查看页面的打印预览时，那些元素仍然存在。

如有任何帮助，我们将不胜感激!

Answer 1

我想通了。这是我的编码错误。我的原始链接到我的样式表看起来像这样:

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

并引起了冲突。一旦我删除了 media="screen" 它就完美地工作了。