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

Question

我正在尝试打印网页中的方框，其中的大小定义为厘米-当我打印到不同的打印机时，我似乎得到了不同的结果。

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

一位客户这次在运行Firefox和Chrome的PC上尝试了同样的方法，他也得到了比预期更小的尺寸--在他的例子中，他希望输出为8.5 it x 5.5 it，但打印出来的尺寸要小得多(顶部是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;
  }
}