打印出来的每页顶部都有 https://example.com/orders 和 2026/11/13,底部还有页码,页边距怎么调都去不掉。碰到这种情况,我一般先确认改动有没有真的生效。
原因不复杂,Chrome 和 Safari 的打印对话框默认勾选页眉页脚,这一项由浏览器控制,CSS 管不到。@page 只影响内容区域,浏览器自己加的那一层仍然存在。
「打印页眉页脚」这个问题文档写得含糊,实际行为以当前版本为准,别照旧版本的结论套。别只看报错的最后一行,往上看几行,真正的起因通常在上面。
@page { margin: 12mm; }
/* 页眉页脚由浏览器控制,CSS 无法隐藏 */
/* Chrome 可加 --no-pdf-header-footer */
同类问题如果隔一段时间又出现,多半是某个定时任务或重启流程把改动冲掉了。把这次用到的命令存进笔记,比记住结论有用,换个环境还能照着走。
具体做法是,让用户在打印对话框的更多设置里取消页眉页脚;需要自动去掉时改用后端生成 PDF 或调用无头浏览器传参;打一份看每页顶部是否还有地址和日期。
最后用这个标准收尾,打印稿每页顶部不再出现网址和日期,只剩正文。
