Chrome打印错位是因默认启用省墨模式，需在Ctrl+P中设页边距为“无”、缩放100%、关闭页眉页脚、勾选“背景图形”；虚线拖动可校准边距；CSS中用@media print声明A4尺寸、mm单位及-webkit-print-color-adjust:exact保色；最终可用“另存为PDF”确保排版。
谷歌浏览器打印网页时排版严重错位、表格被裁切、文字换行异常、背景色全变白——这不是网页坏了，也不是打印机故障，而是Chrome默认把打印当成“省墨模式”来处理，主动丢弃背景、压缩内容、预留大片空白，还按自己的理解强行分页。
先救急：5秒修复打印预览设置
这一步不改代码、不装插件，所有操作都在Ctrl+P弹出的界面内完成，90%的错位问题当场消失。
1、按Ctrl+P打开打印预览→右侧点开【更多设置】。
2、【页边距】必须选“无”或“最小”——默认“默认”边距会硬塞20mm以上空白，直接把表格最右一列挤出纸外。
3、【缩放】从“适应”改为“自定义”，输入【100%】——“适应”会无差别压缩整页，字体糊成一团，横向滚动区内容被暴力折行。
4、取消勾选“页眉和页脚”：顶部网址和底部页码常与网页标题/页脚重叠，尤其当网页本身有position: fixed footer时，最后一行正文会被盖住。
5、务必勾选【背景图形】——这是开启背景色和图片的总开关，不点它，后面所有CSS都白写。
手动拖虚线：边距偏移肉眼可见时的校准法
当“最小”边距仍让内容靠左/靠上，或右侧突然空一大块，说明预设值不够用，得靠视觉反馈微调。
1、预览图四周出现灰色不可打印区+白色虚线边框，这就是你的校准标尺。
2、鼠标悬停在顶部虚线上→指针变↑↓→按住左键向下拖，减小上边距，避免网页标题被切掉。
3、移到左侧虚线→指针变←→→向右拖动，把被挤出纸外的导航栏或首列数据拉回来。
4、拖动时紧盯右侧预览：一旦右边内容消失，说明已触达物理纸张极限，此时【虚线拖过头会导致内容不可逆裁切】，应立刻停止拖动，改为将缩放调至95%。
修CSS：让打印真正听你指挥
如果同一网页在Edge里打印正常，唯独Chrome错乱，八成是@media print规则没生效或被覆盖。必须从源头接管打印样式。
方法一：强制声明纸张与容器尺寸（防“歪”）
① 在网页HTML的
@media print { @page { size: A4; margin: 12mm 10mm; } }
② 给最外层容器（如body或.main-wrapper）加宽度限制：【.sheet { width: 190mm; }】——A4宽210mm减去左右各10mm边距，超出此值的内容必被截断或缩放。
③ 单位必须用mm，禁用px/em/rem——这些单位在打印引擎里渲染不稳定，16px可能变成15.8px，累积误差导致整页偏移。
方法二：保住背景色与图片（防“白”）
只在
上写background-color没用。Chrome会清空父容器下的背景，必须精确到实际渲染背景的元素层级：table tr:nth-child(odd) { background-color: #f5f5f5 !important; -webkit-print-color-adjust: exact !important; }
button.status-active { background-color: #4caf50 !important; -webkit-print-color-adjust: exact !important; }
注意：-webkit-print-color-adjust: exact 是Chrome专属指令，缺它背景色照样变白。
终极验证：导出PDF再打印
如果上述步骤后仍有分页断裂、表头不重复、合计行跑第二页等问题，说明网页结构本身存在打印兼容缺陷，此时不建议硬调CSS。
在打印预览的“目标打印机”下拉菜单中，选择【另存为PDF】→保存文件→用Adobe Acrobat或系统预览打开该PDF→再执行物理打印。
PDF格式固化了所有布局、字体、分页逻辑，绕过Chrome打印引擎的实时渲染干扰，是目前最可靠的内容保真方案。
