Chrome不支持css @page吗？

Question

我的css for print就像这样简单：

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

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

编辑：@page不受ref支持

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

Answer 1

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