从网站(html/css)打印绝对固定位置，而不从打印对话框打印系统边框

我在打印网站时遇到了一点小问题。我需要在A4格式的固定贴纸上打印：https://www.avery-zweckform.com/search?term=L6009&content_group=ALL_CONTENT_GROUPS

为了准确地匹配这个A4表上的贴纸，我需要一个固定的A4 CSS网格。

当我使用以厘米为单位的固定大小时，这是可行的，但当我尝试打印此页面(Chrome和Firefox相同)时，浏览器本身总是会添加一个小边框。

例如:打印后，我的右填充为3厘米，而不是我定义的2厘米。在左边我有2.5厘米，在顶部有3厘米。

因此，似乎不可能创建一张精确的工作表来打印真正令人失望的内容。

有没有人有想法或同样的问题？

HTML

<page size="A4">
    <div class="inner">
      <div style="width: 100%; height: 30px; background-color: grey"></div>
      Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
      eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
      voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
    </div>
</page>

CSS：

body {
  background: rgb(204, 204, 204);
}
page[size="A4"] {
  background: white;
  width: 21cm;
  height: 29.7cm;
  display: block;
  margin: 0 auto;
  margin-bottom: 0.5cm;
  box-shadow: 0 0 0.5cm rgba(0, 0, 0, 0.5);
}
.inner {
  padding: 2cm;
}

@media print {
  body {
    margin: 0 !important;
  }
  page[size="A4"] {
    margin: 0 !important;
    box-shadow: none !important;
  }
  @page {
    size: auto;
    margin: 0mm;
  }
}

转载请注明出处:http://www.jxbyjx.net/article/20230508/1366257.html