Question

我的网站只包含文字（font-size和font-family）。字体大小以mm为单位，使用的字体为Times New Roman，Arial和Courier New。

当我在所有主流浏览器中打印网站时，每个浏览器都会执行其他操作。我转身缩小了。

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

Answer 1

在一天结束时没有。你可以把它关闭，但不一定相同。

编辑：

由于我得到了一个downvote，让我解释一下：没有保证的方法来完成这项工作。每个浏览器和版本都会有所不同，并且没有办法保证网页在每个浏览器中都会显示或打印相同的内容。

Answer 2

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

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

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

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

良好的做法是尽可能多地删除文章，并向用户提供他们想要的内容 - 简单的样式也可以更容易地在浏览器中使用。

Answer 3

首先添加“reset css”，将所有浏览器设置为一个公共起点。搜索“reset css”应提供多种功能。

Answer 4

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

要获得更多关于字体的风格自由，您可以使用Google Fonts。

另请注意，无论是在浏览器显示还是在打印中，您都无法在表单中获得完全相同的输入。

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

Answer 5

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