如何使用 CSS 修復 Chrome 中 A4 列印剪切問題？

CSS 設定A4 紙張尺寸以進行精確列印

問題：

將HTML 元素尺寸設定為A4 元素尺寸（ 21 公分） x 29.7cm) 會導致在Chrome中列印時出現頁面剪裁，儘管在瀏覽器中顯示正確window.

分析：

Chrome 在列印媒體規則中將「initial」分配給頁面寬度時似乎有問題。這會導致內容縮放到比定義的 A4 尺寸稍大的尺寸，從而導致剪裁。

解決方案：

要解決此問題，請避免使用 'initial ' 用於列印媒體規則中的頁寬。相反，將 A4 尺寸明確分配給 HTML、正文或直接分配給“.page”元素。

透過設定固定尺寸，內容保留在 A4 邊界內，防止剪切。這解決了 Chrome 中的問題，同時保留了其餘的 CSS 樣式。

注意： 此修改解決了 Chrome 處理頁面寬度「初始」的特定問題。但是，跨不同瀏覽器測試列印功能非常重要，以確保列印輸出的一致性和準確性。

以上是如何使用 CSS 修復 Chrome 中 A4 列印剪切問題？的詳細內容。更多資訊請關注PHP中文網其他相關文章！