Chrome不支持css @page吗？

Question

我有css打印就像这样简单:

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

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

编辑:@page没有参考支持

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

Answer 1

据我所知，分页媒体的 CSS 功能主要适用于为打印而渲染的系统，而不是为屏幕（浏览器）或浏览器的打印功能而渲染的系统。Prince 是用于打印的 HTML/CSS 引擎的一个示例。因此，@page 无法在浏览器中工作，而且（据我所知）它也不是有意的。