Question

我正在尝试制作一张可以从我的WordPress网站轻松生成的打印报纸。我正在尝试为它设计打印模板，但为了控制特定页面，我需要使用@page规则。

我读了this tutorial，其中提出的方法如下：

@page :left {
  @top-left {
    content: "Cascading Style Sheets";
  }
}

但是当我在Firefox 5（和Chrome 14）打印预览或打印时尝试此操作时，它不会在左上角打印任何内容。事实上，我似乎无法在@page规则中做任何事情。

我做错了还是这个CSS3功能还没有实现呢？

Answer 1

在前言之后，教程指出：

Web浏览器擅长处理屏幕上的像素，但不太适合打印。为了打印完整的书，我们转向Prince，这是一个专用的批处理器，通过CSS将XML转换为PDF。 Prince支持CSS2的特定于打印的功能，以及为CSS3提供的功能。

因此，教程代码首先不适用于浏览器的打印功能。

无论如何，正如我在评论中所说，我不会指望任何实现此目的的浏览器。每个人都对屏幕上发生的事情感到疯狂，就像现在的动画一样。