Chrome 不支持 css @page？答案

【问题标题】：Chrome does not support the css @page?Chrome 不支持 css @page？
【发布时间】：2014-01-23 15:58:15
【问题描述】：

我有这么简单的 css 打印：

@page {
  @top-left {
    content: "TOP SECRET";
    color: red
  }
  @bottom-center {
    content: counter(page);
    font-style: italic
  }
}

但 Chrome 打印预览和保存为 pdf 似乎根本无法识别这一点。打印时如何正确设置页眉和页脚？

编辑：@page 不支持 ref

但是，我还有其他选择吗？我不在网站上工作。该产品只需要 pdf 作为结果。我可以接受chrome、webkit、plantomjs 等。

【问题讨论】：

这是 CSS 规范中非常简单的一个领域，几乎没有浏览器支持。在有限的浏览器选择中，您可能会得到一些工作，并回答这个问题：stackoverflow.com/questions/15797161/…
@StevenDon 很有趣，@page 根本不支持ref。为什么网上有这么多帖子展示了类似的代码。
您是否将此 CSS 应用于某些 HTML 并希望在浏览器中显示它？我不认为这就是规则的使用方式。您可以通过 PDF 处理器传递 HTML/CSS 并生成 PDF 以在浏览器中显示。

【解决方案1】：

据我所知，分页媒体的 CSS 功能主要用于为打印而呈现的系统，而不是为屏幕（浏览器）或浏览器的打印功能而呈现的系统。用于打印的 HTML/CSS 引擎的一个示例是 Prince。所以，@page 不能在浏览器中工作，也不是（据我所知）它打算这样做。

【讨论】：

我不愿相信为 Web 平台设计的模块是由不知道 Web 平台中需要此类功能的人设计的。您的普通网络用户对命令行知之甚少，但经常发现需要打印文章、讨论、书籍、报告等。
我完全不明白你的评论。您认为与本模块设计者的真实情况有何相关性？浏览器窗口不是分页媒体。
我知道浏览器窗口不是分页媒体，但浏览器的打印（和打印预览）功能可以说是，而且它是普遍存在的（不像 Prince。）
好的.. 我想我明白了。您正在解释它应该如何工作（在您看来）。相比之下，我在解释它是如何工作的。因此存在差异。
这个答案令人失望，因为nearly all browsers 中提供了对CSS2's @page 的基本支持，专门用于在打印文档时修改 CSS 属性。