Question

使用CSS media query打印样式表可以让网站更适合打印：

p { color: grey; }

@media print {
    p { color: black; }
}

对于一个项目，我们发现从网页创建PDF文件以发送给客户端非常有效（比从头开始更好）。

出于PDF化目的，我们通过@media print应用了一些简单的CSS规则，使网页更加友好 - 删除导航，某些页脚元素等等。

（有些人可能希望在以后下载和打印PDF，这很好。每页上都会有一个链接来访问我们创建的PDF。）

但是，对于普通大众的打印需求似乎，建议创建没有太多格式的样式表：删除背景，增加对比度，优化字体大小等等。

我们还没有这样做。 是否可以有多套print规则 - 一个在PDF格式时应用，另一个在打印到打印机时应用？或者如果没有，会有哪些变通方法？

Answer 1

当最终用户决定打印时，如果他们的计算机上已经安装了某种类型的PDF软件，他们应该可以选择打印到PDF。对于你来说，确定它们是什么，并知道它们在他们的机器上的配置以及它们正在进行的软件公司和版本，可能不是你从CSS角度确定的最佳选择。我个人只是依靠你的打印样式表作为两种途径的主要来源。

有些人会想要打印这些PDF，这很好......

是的，如果他们真的想要，他们应该已经知道他们已经在他们的机器上安装了一个PDF软件应用程序。当他们进入打印预览窗口时，让他们选择打印方式。但是，您可以推广/品牌创建有关如何打印到PDF的创意帮助指南，以及他们可以从哪里获得免费的PDF软件应用程序进行下载。

此致

Answer 2

如果浏览器正在打印到物理打印机或PDF格式，我还没有找到通过CSS指定的方法。（除了各种浏览器之外，它还必须兼容多个操作系统。）

我提出了两种解决方案：

有两个print样式表，在创建PDF时，请包含PDF格式，和/或为公众注释掉一个样式表。（或者有一个样式表，并注释掉相关的代码行。）
有两个版本的HTML文档，例如index.php和pdf.html，每个都有不同的print规则。在这种情况下，当您要创建PDF时，您将访问后者，前者将是默认值。问题是管理两组内容，所以除非你能自动化，否则不建议这样做。