Chrome打印异常的根源是默认启用页眉页脚、大边距及禁用背景图形；解决需三步：1.取消页眉页脚、勾选背景图形；2.设边距为无、缩放为100%；3.必要时用开发者工具注入@page{margin:0}或删除固定定位DOM节点。
谷歌浏览器打印网页时顶部出现网址、底部显示页码，表格列被裁切、背景色消失、文字换行异常——这些不是网页出错，而是Chrome默认启用页眉页脚、保留大边距、禁用背景图形共同导致的排版冲突。
直接关闭页眉页脚与背景干扰
这是最基础也最有效的第一步，适用于所有普通网页打印场景，操作快且无需技术门槛。
1、在目标网页按 Ctrl + P（Windows/Linux）或 Cmd + P（macOS）打开打印预览界面。
2、点击左侧设置区的【更多设置】展开全部选项。
3、找到【页眉和页脚】复选框，取消勾选——这一步必须做，否则顶部网址和底部页码会强制覆盖网页原有标题或页脚内容。
4、在同一区域找到【背景图形】，务必勾选——很多表格边框、状态标签、高亮底色依赖CSS背景渲染，不勾选会导致整块区域变透明，看似“内容缺失”，实为背景被系统过滤。
设为无边距+100%缩放强化排版稳定性
仅关页眉页脚还不够。Chrome默认“默认”边距预留20mm以上空白，会挤压正文；“适应”缩放则无差别压缩页面，让表格横向溢出、字体模糊、图片变形。
第一步：在【更多设置】中，将【边距】下拉菜单选为【无】——这是解决右侧列消失、底部文字被截断的关键动作。
第二步：把【缩放】从“适应”改为“自定义”，手动输入100%——避免Chrome自动折行、强行缩小字体，确保原始布局比例不变。
第三步：确认【页眉和页脚】仍处于未勾选状态，再检查右侧预览是否已铺满、无裁切、无重叠。此时若仍有错位，说明网页自身CSS在打印时被覆盖，需进入下一步。
用开发者工具注入CSS重置打印样式
部分网页（如教务系统、内网OA、Vue/React单页应用）内置了强优先级的@media print规则，会无视打印界面设置。这时必须绕过界面，直击样式层。
方法一：控制台注入零边距指令
1、在当前网页按 F12 打开开发者工具。
2、切换到【Console】标签页。
3、粘贴并回车执行：@page { margin: 0; } body { margin: 0; }——这会强制清除所有页面级与主体级打印边距，连带压制网页自身定义的页眉页脚容器。
4、关闭开发者工具，再按 Ctrl + P 进入打印预览，此时即使不手动取消【页眉和页脚】勾选，顶部底部也应完全空白。
方法二：临时删除固定定位的页头页脚DOM节点
1、F12打开开发者工具，在【Elements】面板中按 Ctrl + F（Windows）或 Cmd + F（macOS）搜索关键词：header、footer、copyright 或 fixed。
2、找到疑似页头（如<header class="top-bar">）或页脚（如<div id="app-footer">）的HTML节点。
3、右键该节点 → 选择【Delete node】——立即从当前视图移除，打印预览中也不会再出现。
注意：此操作仅作用于本次页面会话，刷新即恢复，不影响网页本身。
另存为PDF时启用背景图形并禁用页眉页脚
当目标是生成PDF而非物理打印时，“另存为PDF”虚拟打印机提供更稳定、更高保真的输出路径，尤其适合准考证、合同、报表等正式文档。
1、按 Ctrl + P 打开打印预览。
2、在“目标打印机”下拉菜单中，选择另存为 PDF（Windows常见为“Microsoft Print to PDF”，macOS为“Save as PDF”）。
3、点击【更多设置】，完成三项关键勾选/设置：
• 边距 → 选无
• 取消勾选【页眉和页脚】
• 勾选【背景图形】
4、将缩放设为100%，布局保持纵向（除非网页明确要求横向）。
5、点击【保存】，指定文件名与路径，完成导出。
