如何通过编程修改window.print()的打印设置（纸张大小、边距等）

希望通过代码直接设置打印的纸张大小、边距、缩放比例，以及图形图像的打印配置，让使用程序的客户无需手动进行复杂设置。

目前已经通过CSS媒体查询实现了边距和纸张大小的基础配置，代码如下：

@media print 
{
    @page {
      size: A4;
      margin: 0;
    }
}

以下是剩余配置的实现方案：

一、缩放比例配置 #

• transform缩放法（兼容性更好）：通过transform: scale()调整整体缩放比例，配合transform-origin确保缩放原点正确，避免布局偏移：

@media print {
  body {
    transform: scale(0.9); /* 设为需要的缩放比例，比如90% */
    transform-origin: top left;
    width: 100%;
    height: 100%;
  }
}

• zoom属性法（部分浏览器支持）：简单直接，但兼容性不如transform：

@media print {
  body {
    zoom: 90%; /* 直接设置缩放百分比 */
  }
}

二、图形图像打印配置 #

• 适配纸张尺寸：确保图像不超出打印页面，同时保持比例：

@media print {
  img {
    max-width: 100% !important;
    height: auto !important;
    page-break-inside: avoid; /* 防止图像被分页截断 */
  }
}

• 隐藏无需打印的图像：给不需要打印的图像添加no-print类，然后在打印样式中隐藏：

@media print {
  .no-print {
    display: none !important;
  }
}

• 强制彩色打印：部分浏览器默认会将图像转为灰度，可强制保留色彩：

@media print {
  img {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}

三、进阶纸张配置 #

• 自定义纸张尺寸：如果需要非标准尺寸，直接指定宽高（支持mm、in等单位）：

@media print {
  @page {
    size: 210mm 297mm; /* A4标准尺寸，也可自定义如8.5in 11in（Letter纸） */
    margin: 10mm;
  }
}

• 设置打印方向：快速切换纵向/横向：

@media print {
  @page {
    size: A4 landscape; /* 横向A4，纵向则写portrait或省略 */
  }
}

内容的提问来源于stack exchange，提问作者M Hasan Nudin