有沒有一種方法可以在每個瀏覽器上打印相同的網站？

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的要小））。 這很丑陋（主要是因為基於表格的布局），但是這種方式的大小和布局至少是相同的。