CSS设置A4纸张大小

2024-07-06 16:35| 来源: 网络整理| 查看: 265

我需要模拟网页中的A4纸，并允许打印这个页面，因为它是在浏览器上显示(特别是铬)。我将元素大小设置为21 my x 29.7 my，但当我发送打印(或打印预览)时，它会裁剪我的页面。

请看这个！

代码语言：javascript复制body { margin: 0; padding: 0; background-color: #FAFAFA; font: 12pt "Tahoma"; } * { box-sizing: border-box; -moz-box-sizing: border-box; } .page { width: 21cm; min-height: 29.7cm; padding: 2cm; margin: 1cm auto; border: 1px #D3D3D3 solid; border-radius: 5px; background: white; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } .subpage { padding: 1cm; border: 5px red solid; height: 256mm; outline: 2cm #FFEAEA solid; } @page { size: A4; margin: 0; } @media print { .page { margin: 0; border: initial; border-radius: initial; width: initial; min-height: initial; box-shadow: initial; background: initial; page-break-after: always; } }代码语言：javascript复制 Page 1/2 Page 2/2

我想我忘了什么。但它会是什么呢？

Chrome：剪贴页，双页(这正是我需要它来work)Firefox：它的工作perfectly.IE10：信不信由你，它的打印预览perfect!Opera：非常错误的

【本文地址】

CSS设置A4纸张大小

CSS设置A4纸张大小

今日新闻

推荐新闻