window.print 如何设置缩放比例

在使用 `window.print()` 进行打印时，可以通过设置 CSS 样式来控制打印缩放比例。以下是一个示例代码，演示如何通过 JavaScript 控制打印缩放比例：

function printPage() {
  // 获取需要打印的元素
  var printContent = document.getElementById("print-content");

  // 创建一个新的窗口
  var printWindow = window.open('', '', 'width=800,height=600');

  // 将需要打印的元素复制到新窗口中
  printWindow.document.write(printContent.innerHTML);

  // 设置打印缩放比例为 80%
  printWindow.document.getElementsByTagName('body')[0].style.zoom = '80%';

  // 打印新窗口
  printWindow.print();

  // 关闭新窗口
  printWindow.close();
}

在上面的代码中，我们使用 `window.open()` 方法创建了一个新的窗口，然后将需要打印的元素复制到新窗口中。接着，我们通过 `printWindow.document.getElementsByTagName('body')[0].style.zoom = '80%'` 设置了打印缩放比例为 80%。最后，我们通过 `printWindow.print()` 命令打印新窗口，完成打印操作。

需要注意的是，这种方式可能会导致一些元素在打印时变得模糊或不可读。为了避免这种情况，可以通过 CSS 的 `@media print` 媒体查询来设置打印样式并避免缩放，具体可以参考我之前回答的问题。