打印时 CSS 元素在 Chrome 中不起作用

Question

以下 CSS 在打印时适用于除 Chrome 之外的所有浏览器:

.example {
  position: absolute;
  right: 0px;
  bottom: 0px;
  text-align: right
}

我对浏览器中显示的内容不感兴趣，只对打印的内容感兴趣。

这是一个错误吗？有解决方法吗？

编辑:这似乎是 Chrome 内置 PDF 插件的问题。

Answer 1

您的 css 包含在 html 中，内容如下:

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

要么删除 media="screen"，要么添加另一个用于打印:

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

http://www.w3schools.com/tags/att_link_media.asp