如何在Windows和Mac中用电子打印带有vue的页面并获得相同的结果

Question

我在vue.js中具有页面的打印样式表。在Windows上调用window.print();时，页面将按原样缩小打印（请参见图像）。当我在Mac上执行相同操作时，它可以完美打印。另外，在Mac上的预览是正确的，但在Windows上则不是。

Windows example

应用程序中有一个带有过渡的边栏。我为整个应用程序添加了以下内容：

@media print {
  @page {
    size: 210mm 297mm;
    margin: 15mm;
  }

  * {
    transition: none !important;
  }
}

在打印时，边栏上有一个display: none;。和页脚一样，因为它不需要在纸上。 此外，网站的容器具有特殊的样式以保持完整大小

@media print {
  margin: 0;
  padding: 0;
  min-width: 0 !important;
  max-width: initial;
  width: 100vw;
  font-size: 1.2rem;
}

到目前为止，我还不想自动创建pdf，因为我只有一个浏览器（chrome）可以处理打印样式。如果有解决方案，它将使其变得更加可选和更好（我认为）。

我希望在Windows和Mac上通过带电子的电子获得相同的打印结果。实际上，我只需要在Windows上正确设置

Answer 1

在没有特定尺寸设置的情况下，当前正确打印页面。所以我删除了这些行：

@page {
  size: 210mm 297mm;
  margin: 15mm;
}