如何在windows和mac上用电子打印(用vue)打印一页

Question

当在windows上调用window.print();时，我为vue.js中的一个页面设置了打印样式表，页面会像预期的那样打印得更小(见图)。当我在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)来处理打印样式。这将使它可以选择，在解决方案(我认为)的情况下更好。

我希望有相同的打印结果从电子与vue在Windows和Mac上。实际上我只需要它在Windows?上是正确的

Answer 1

如果没有特定的大小设置，页面将在当前正确打印。所以我删除了这几行：

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