問題:
將HTML 元素尺寸設定為A4 元素尺寸( 21 公分) x 29.7cm) 會導致在Chrome中列印時出現頁面剪裁,儘管在瀏覽器中顯示正確window.
分析:
Chrome 在列印媒體規則中將「initial」分配給頁面寬度時似乎有問題。這會導致內容縮放到比定義的 A4 尺寸稍大的尺寸,從而導致剪裁。
解決方案:
要解決此問題,請避免使用 'initial ' 用於列印媒體規則中的頁寬。相反,將 A4 尺寸明確分配給 HTML、正文或直接分配給“.page”元素。
透過設定固定尺寸,內容保留在 A4 邊界內,防止剪切。這解決了 Chrome 中的問題,同時保留了其餘的 CSS 樣式。
注意: 此修改解決了 Chrome 處理頁面寬度「初始」的特定問題。但是,跨不同瀏覽器測試列印功能非常重要,以確保列印輸出的一致性和準確性。
以上是如何使用 CSS 修復 Chrome 中 A4 列印剪切問題?的詳細內容。更多資訊請關注PHP中文網其他相關文章!