html - 为什么正确打印网页如此困难？

Question

我从银行网站打印了一个页面。除了包含我的数据的页面之外，我还有其他五个页面只有一个徽标、一个页眉、一个页脚等。在我家这是一个笑话，你不能打印一个网页而不浪费无用的东西页也是。

那么，为什么这么难呢？我们是在责怪网页设计师、浏览器还是谁？我本以为现在这将是一项成熟的技术，并且会遭受这些愚蠢的小弱点的困扰。

我特别不明白为什么从“打印预览”打印会给您带来与预览不同的东西。

Answer 1

如果您正在寻找这方面的编程视角 - 这很难，因为屏幕尺寸和分辨率与打印页面的尺寸和分辨率不同。因此大多数页面不会自动打印好 - 由网页设计师添加特定于打印输出的 CSS：

<link rel="stylesheet" type="text/css" media="print" href="print-only.css" />

大多数网页设计师都懒得这样做，除非有特定原因打印他们的页面，所以大多数页面打印效果不佳。

Answer 2

从这里：

当使用非静态定位（例如位置：绝对）或存在浮动时，会出现两个最常见的打印问题。

开发人员可以选择制作给定页面的特殊版本，以便以正确的方式打印。这可以使用带有 CSS 的媒体类型“打印”来实现。

请参阅这些页面以获取更多参考：

打印样式表

CSS 媒体类型

Answer 3

充其量，网页被设计为在各种屏幕尺寸上流动和滚动。在最坏的情况下，它们只能在单一尺寸的屏幕上工作。打印页面显然有分页，而不是滚动，并且它们使用固定大小。

正如 Leniel 所说，CSS媒体类型提供了一种合适的机制来在打印页面上提供不同的样式，但根据我的经验，使用它的网站并不多。