有没有一种方法可以在每个浏览器上打印相同的网站？

Question

我有一个仅包含文本（字体大小和字体系列）的网站。 字体大小以mm为单位，使用的字体为Times New Roman，Arial和Courier New。

当我在所有主要浏览器上打印网站时，每个浏览器都会执行其他操作。 我关闭了缩放比例。

我是在做错什么，还是不可能有一个（非常）简单的网页，在每个浏览器上看起来都一样？

Answer 1

在一天结束时。 您可以使其接近，但不一定相同。

编辑：

自从我投下赞成票以来，让我解释一下：没有保证的方法可以完成这项工作。 每个浏览器和版本都会有所不同，并且无法保证网页在每个浏览器中的外观或打印效果都相同。

Answer 2

对于打印，您可以设置一个特定的样式表，浏览器仅在打印时才使用它-这里有一些很好的资源：

a:link:after { content: " (" attr(href) ") "; }

那里有一些媒体查询的用法，但是包括特定样式表进行打印的基本方法是这样的：

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

优良作法是在文章中尽可能多地去除文字，只给用户他们想要的东西-简单的样式也将更易于跨浏览器使用。

Answer 3

首先添加“重置CSS”以将所有浏览器设置为一个公共起点。 搜索“重置CSS”应该提供多种选择。

Answer 4

关于您的评论和部分答案，请始终仅使用免费字体。 例如， Times New Roman不是（并且作为Linux用户，我没有），应该首选Liberation Serif（就像Arial应该由Liberation Sans Narrow代替一样）。

要使字体具有更多的风格自由度，可以使用Google字体。

还要注意，在浏览器显示和打印中，表单中的输入实际上都不可能完全相同。

当我想要一个完全符合您需要的打印版本（包括关于分页）时，我添加了一个链接，用于构建页面的PDF版本。

Answer 5

当我们需要用户打印的页面时，我们必须制作一个完全独立的html文件，该文件使用基于旧表的布局， reset.css ，并且仍然存在一些差异（例如Chrome的边距比IE的要小））。 这很丑陋（主要是因为基于表格的布局），但是这种方式的大小和布局至少是相同的。