許多開發人員尋求增強網頁的列印體驗。然而，當預設瀏覽器列印設定（例如頁首、頁尾和頁邊距）幹擾所需的簡報時，就會出現挫折感。有沒有解決方案可以透過 CSS 或 JavaScript 自訂這些設定？
CSS 規格提供了 @page 指令，讓開發人員專門為列印文件定義格式選項。使用@page，可以指定頁面大小、方向和邊距。
<br>@page {<br> size: auto;<br> margin: 0mm;<br> }<br>透過將邊距設定為0mm，我們可以有效地停用瀏覽器的預設邊距。但是，這種方法有其限制。
不幸的是，瀏覽器對 @page 的行為差異很大。雖然 Chrome 和 Firefox 等現代瀏覽器支援 @page，但 Firefox 3.6 和 Internet Explorer 7 等舊版本不支援。此外，Safari 仍然缺乏對設定印表機頁邊距的支援。
即使在支援的瀏覽器中，結果可能並不理想。例如，在 Internet Explorer 中，將邊距設為 0mm 不會隱藏頁首/頁腳，而是透過瀏覽器的不透明頁首/頁尾覆蓋頁面內容來正確定位頁面內容。
在 Firefox 中，@頁邊距設定受到尊重，但瀏覽器頁眉/頁腳和頁面內容都會顯示，從而導致瀏覽器控制和您的內容混合。
Opera 的行為類似Firefox，非預設邊距導致標題與頁面內容部分重疊。
Chrome 成為具有對於這種情況最合適的行為。透過將 @page 頁邊距設定得足夠小以與頁首/頁尾位置發生衝突，Chrome 可以有效地隱藏它們。
需要注意的是，這種方法只影響正在列印的特定頁面的頁邊距。它不會影響瀏覽器的整體列印設定。
由於瀏覽器不一致，在從網頁列印期間停用頁首、頁尾和邊距會帶來挑戰。雖然 CSS 的 @page 指令提供了一些自訂選項，但其有效性因瀏覽器而異。 Chrome 目前提供了隱藏頁首和頁尾的最佳解決方案，讓頁邊距與其位置發生衝突。然而，瀏覽器更新和未來的發展可能會改變這種行為。
以上是我可以在網頁中自訂列印選項以停用頁首、頁尾和邊距嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
