打印时转换比例 css 在 Chrome 和 Microsoft Edge 上的工作方式不同

Question

我正在使用 css 规则“transform: scale()”来缩放网站中的流程图。

打印结果出现问题

在不同的浏览器中一切正常，包括 Chrome，但 Microsoft Edge 将图表缩放到更大的尺寸，因此它不适合我需要的尺寸。我只想对所有浏览器使用一个声明。

@media print{
    .class-to-scale{
       transform: scale(0.85)
    }
}

但在 Microsoft Edge 中，它的工作方式与 Chrome 相同，但如果我使用较低的系数缩放，0.65 而不是 0.85。

如何解决这个问题来为 Microsoft Edge 设置不同的比例。

谢谢。

Answer 1

以防有人遇到这种情况，问题是我没有设置@page 大小，所以我想每个浏览器默认采用不同的大小。

我在 css

中添加了下一行

@page {size: portrait}

现在打印出来的结果一模一样

Transform scale css working different on Chrome and Microsoft Edge When Printing