当您看到它时，打印网页的最佳方式是什么？

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的，且大多只是自动换行的内容。解决这个问题的唯一方法是指定固定的宽度，例如1000像素为div，并使用{overflow-x：auto;溢出-γ：隐藏; }

使用字体，是的，有一种方法可以在用户的​​计算机上安装字体。另一个简单的解决方案就是让他们的照片即PNG的。对于安装，结帐谷歌网页字体（和谷歌搜索会给你类似的结果）。