打印 CSS cm 尺寸时在不同打印机上的不同结果

Question

我正在尝试从尺寸以厘米为单位定义的网页打印一个框 - 当我打印到不同的打印机时，我似乎得到了不同的结果。

例如，我刚刚在家用打印机上打印了一个示例，我将其设置为以 10 厘米宽打印并以 10.5 厘米打印，但在我的工作打印机上以 8.5 厘米宽打印。所有其他设置都相同 - 相同的笔记本电脑、相同的浏览器（Mac 上的 Safari）等

这一次，一位客户在运行 Firefox 和 Chrome 的 PC 上尝试了同样的事情，他的尺寸也比预期的要小 - 在他的情况下，他希望输出为 8.5 厘米 x 5.5 厘米，但打印出来的尺寸要小得多（顶部是 Firefox，底部是 Chrome）：

我没有确切的尺寸，很抱歉图片太小（这是我们收到的），但它显然没有打印到卡片尺寸。

我要打印的框是使用：

#id-card { 
    width: 10cm;
    height: 6cm;
    padding: 0;
    margin: 0;
    border: 1px solid black;
}

添加边框只是为了让我可以准确测量打印尺寸 - 我意识到它可能会导致宽度略有变化，但不会达到我所看到的极端。

还有什么会影响实际打印尺寸的吗？

Answer 1

尝试将 html 和 body 设置为卡片的预期打印尺寸。你没有分享你的 HTML，所以这只是一个如何控制它的想法。

@media print {
  @page {
    size: 10cm 6cm;
    margin: 0;
    padding: 0;
  }
  html, body {
    width: 100mm;
    height: 60mm;
  }
  #id-card { 
    width: 10cm;
    height: 6cm;
    padding: 0;
    margin: 0;
    border: 1px solid black;
  }
}