CSS 和 JavaScript 可以自訂 Web 瀏覽器中的列印設定嗎？

停用HTML 頁面上的預設瀏覽器列印選項

您可以使用CSS 或JavaScript 在Web 瀏覽器中自訂列印設定嗎？停用或修改預設的列印邊距、頁首和頁尾可以增強頁面演示並減少對 PDF 文件的依賴。

CSS 和 @page 指令

CSS @page指令啟用進階頁面格式化。它允許您指定印表機頁邊距，這與 HTML 元素的 CSS 頁邊距不同。

@page {
    size: auto;
    margin: 0mm;
}

將印表機頁邊距設定為 0 毫米，您可以有效地停用頁首和頁尾。但是，此方法有其限制：

瀏覽器相容性

對 @page 指令的支援因瀏覽器而異。 Safari 不支援設定印表機頁邊距。

不同瀏覽器中的實作

• Internet Explorer:頁邊距預設為0mm ，但使用者可以在預覽中覆蓋它們。
• Firefox：邊距定位正確，但瀏覽器頁首/頁腳和頁面內容都會顯示，造成視覺不符。
• Opera：頁面內容在使用不透明背景時隱藏頁眉，但頁邊距設定不正確。
• Chrome：瀏覽器頁首和頁腳如果 @page 頁邊距與內容位置衝突，則隱藏。這提供了最佳行為。

結論

CSS 中的 @page 指令允許您停用印表機邊距，但其有效性 зависит 影響瀏覽器相容性。 Chrome 目前擁有隱藏頁首和頁尾同時保持列印格式的最佳實作。

以上是CSS 和 JavaScript 可以自訂 Web 瀏覽器中的列印設定嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！