css - Chrome 正在将打印样式表应用到屏幕，而 IE、FF、Safari 工作正常

Question

我的银行网站停止在 Chrome 中运行，因为顶部和侧面的菜单和按钮被 CSS 规则隐藏：

hr, #date, #logout, #navigation, ul.sectionLink, p.submit, #sideContent, #footer {
display: none;
}

但是，这是在 print.css 样式表中定义的，不能应用于屏幕：

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

什么会导致 Chrome 将打印样式表应用于屏幕？

Chrome 版本 29.0.1521.3 dev-m。

Answer 1

这不是 Chrome 中的默认行为。

如果我猜的话，我会说你安装了一个插件（它是 cog）来调试打印样式表，并且没有禁用显示它们的选项。

单击 Web Developer 插件 > CSS 选项卡 > 禁用打印样式。

Answer 2

这是 Chrome 版本 29 以来的一个已知问题。请参阅：

• Chrome 29 样式/CSS 问题
• https://code.google.com/p/chromium/issues/detail?id=244090

临时解决方法是将打印样式表包装在@media如下规则中：

@media print {
   /* your CSS here */
}