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中的默认行为。

如果我猜测，我会说你有a plugin installed（它是cog）用于调试打印样式表，并且没有禁用显示它们的选项。

单击Web Developer插件＆gt; CSS标签＆gt;禁用打印样式。

Answer 2

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

• Chrome 29 Style/Css issues
• https://code.google.com/p/chromium/issues/detail?id=244090

临时修复是将打印样式表包装在@media规则中，如下所示：

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