如您所见，打印网页的最佳方式是什么？

Question

我不确定这个问题是否准确，因为我已经措辞了，但我想不出更好的方法，所以请耐心等待。

目标：您希望在W x H张纸上打印一个W x H区域的浏览器窗口。

假设：

1. 该页面是静态HTML和CSS。它不会随着时间的推移而改变，您无法与它进行交互，并且它在每个浏览器中以完全相同的方式呈现。
2. 您使用@media print和display: none确保W x H以外的所有课程都不会显示在印刷品中。

需要考虑的事项：

1. 指定W x H的最佳跨平台方式是什么（让我们说它是div）？鉴于有关纸张尺寸，DPI，边距等的相同打印机驱动程序设置，是否有一种方法可以使其在打印时显示相同的尺寸？屏幕的PPI是否重要？

2. 字体。打印机可能没有所需的字体。 操作系统可能没有所需的字体，如果它是一个网络字体。是否有一种“最佳”的印刷方式可以通过这种方式获得？有没有特定的方法来使用允许这种情况的网络字体？或者有没有办法在打印机的DPI上栅格化页面并打印成图像？

Answer 1

这样做的简单方法是截取网页，然后用其他内容打印屏幕截图。这样你就可以确保它在你看来就出来了。

example

不幸的是，每个浏览器打印机预览都会以不同的方式操纵和理解div，而且大多数浏览器只会自动封装内容。绕过它的唯一方法是指定固定宽度，例如div为1000px，用{overflow-x：auto;溢出-γ：隐藏; }

使用字体，是的，有一种方法可以在用户的​​计算机上安装字体。另一个简单的解决方案是制作图片，即PNG。对于安装，结帐Google Web Fonts（以及Google搜索会给您类似的结果）。