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

Question

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

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

这次，客户在运行Firefox和Chrome的PC上尝试了相同的操作，并且尺寸也比预期的要小-在他的情况下，他希望输出为8.5cm x 5.5cm，但打印尺寸要小得多（顶部是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;
  }
}