css - 如何设计一个打印友好的网页？

Question

在 A4 尺寸的纸张上打印网页的正确尺寸是多少？还应该考虑哪些其他事项？

*在这种情况下首选内联 CSS

澄清:此网页的唯一建议是打印，因为它是收据。

澄清 # 2:此网页供我工作的公司内部使用。他们希望它看起来像专业设计的收据。

澄清 # 3:此网页必须打印在一页上 - 仅限 A4 尺寸。

Answer 1

回答

我建议使用两种不同的样式表。

为了在浏览器中查看，您可以将表格宽度设置为 A4 纸的宽度:21 厘米。 (负边距 18 厘米。)

对于打印表格的大小应该是“100%”，这意味着打印机填满页面的整个宽度，使用浏览器设置的边距。 (这些页边距使您无法使打印输出看起来完全相同。)

可能有效

使表格足够窄，以确保它位于页边距中。然后将该表垂直居中。

完美布局解决方案

您无法使用 HTML 和 CSS 实现这一目标，它的设计目的不是为了允许精确布局!

在线创建 PDF 并让用户下载。大多数浏览器无论如何都能够呈现 PDF。