升级wkhtmltopdf至0.12.6后PDF分辨率异常，寻求解决方案

以下是经过验证的可行解决方案，可替代单一调整zoom的临时方案：

• 强制绑定页面尺寸与渲染参数
  0.12.4+版本的webkit内核更新了渲染逻辑，默认尺寸约束变弱。建议同时明确设置page-size、dpi和viewport-size，搭配关闭智能收缩，避免渲染时的自动缩放偏差：

  wkhtmltopdf --page-size A4 --dpi 96 --viewport-size 1280x1024 --disable-smart-shrinking input.html output.pdf
  

  --disable-smart-shrinking是核心参数，新版本默认启用的智能收缩逻辑会自动调整元素尺寸，关闭后能严格遵循设置的参数渲染。

• 修正HTML/CSS的相对单位使用
  新版本对CSS相对单位（em/rem/%）的解析更贴近标准浏览器，若原页面依赖旧版本的宽松解析，会出现尺寸偏差：

  • 给根元素设置明确字体大小：html { font-size: 16px; }，固定rem的基准值
  • 针对打印场景的关键元素，将相对单位替换为px，或通过媒体查询单独指定尺寸：

    @media print {
      .content-container { width: 794px; /* A4宽度对应的px值 */ }
    }
    

• 分场景配置渲染参数
  针对不同PDF生成场景（报表、文档、表单等），编写适配的参数配置：

  • 含图表等需要高分辨率的场景，将dpi提高至150：--dpi 150
  • 窄幅内容场景，调整viewport-size为适配宽度：--viewport-size 1024x768
    避免用统一zoom值覆盖所有场景，根据内容特性匹配参数更可靠。

• 对齐webkit内核渲染逻辑
  先将HTML在Chrome（与wkhtmltopdf同源webkit内核）的打印预览中查看效果，若Chrome显示正常，说明wkhtmltopdf参数需要对齐Chrome的打印设置，比如页面边距、缩放比例等。

内容的提问来源于stack exchange，提问作者Arvind Chinniah