當您看到它時，打印網頁的最佳方式是什麼？

Question

我不確定這個問題是否準確，因爲我已經說過，但我想不出一個更好的方法，所以忍受它。

目標：您想要在W x H張紙上打印的瀏覽器窗口有一個W x H區域。

假設：

1. 該網頁是靜態的HTML和CSS。它不會隨着時間而改變，你不能與它交互，並且它在每個瀏覽器中以完全相同的方式呈現。
2. 您可以使用@media print和display: none確保W x H以外的所有類都不顯示。

需要考慮的事情：

1. 什麼是最好的跨平臺的方式來指定W x H（可以說其一個div）？鑑於與紙張大小，DPI，頁邊距等相同的打印機驅動程序設置是否可以讓打印時顯示相同的尺寸？屏幕的PPI是否重要？

2. 字體。打印機可能沒有所需的字體。 如果操作系統爲網絡字體，則操作系統可能沒有所需的字體。是否有一種「最佳」的方式來打印這些通過？有沒有一種特定的方式來使用允許這樣做的網頁字體？或者，有沒有辦法在打印機的DPI上對頁面進行光柵化處理，然後打印成圖像？

Answer 1

這樣做的骯髒的方式是截圖網頁，然後用別的東西打印屏幕截圖。這樣你就可以確保它在你看到它時出現。

對於example

不幸的是每個瀏覽器預覽打印機將操縱和理解以不同的方式div的，且大多隻是自動換行的內容。解決這個問題的唯一方法是指定固定的寬度，例如1000像素爲div，並使用{overflow-x：auto;溢出-γ：隱藏; }

使用字體，是的，有一種方法可以在用戶的​​計算機上安裝字體。另一個簡單的解決方案就是讓他們的照片即PNG的。對於安裝，結帳谷歌網頁字體（和谷歌搜索會給你類似的結果）。