在各种浏览器上以不同方式打印图像（在纸上）

Question

我正在尝试从网页上打印出身份证。非常重要的是，卡片在纸张上打印出精确的物理尺寸，为此我们的目的可以是3英寸宽，2英寸高。

每张卡片都是<div>元素中的图片，我认为这是相关的CSS：

@media print {
    @page {
        margin: 0.5in;
    }
    .card__print {
        width: 3in;
        height: 2in;
    }
    .card__print img {
        max-width: 100%;
    }
}

当我在Safari上打印卡片时，它大约是正确的高度（2英寸），但略宽（~3.25英寸），这意味着卡片实际上正在拉伸。

当我在Firefox或Chrome上打印时，该卡似乎具有正确的宽高比，但它有点太窄和太短。然而，两个打印输出都是完全相同的。

所有三种浏览器都设置为100％缩放。

有没有办法解决这个问题，或者各种浏览器只是以不同方式解释页面？