根本原因是Chrome v80+与Firefox v115前对CSS Fragmentation Level 3中break-inside: avoid的支持节奏不一致，导致flex/grid容器内分页行为差异；需用@media print内@supports隔离并fallback至page-break-inside，且对弹性布局子项须包裹display: flow-root元素以恢复文档流上下文。
为什么 Chrome 和 Firefox 打印预览里同一段 @media print 表现不同
根本不是样式没写对，而是浏览器打印服务进程（比如 Chrome 的 PDF backend）和开发者工具的「打印模拟」用的是两套 CSS 解析器。前者不加载 @font-face、忽略 color-adjust: exact 以外的 color 控制、也不执行 @page 尺寸声明；后者只是个快照，骗不了真实输出。
更关键的是：Chrome v80+ 完整支持 break-inside: avoid，Firefox 直到 v115 才在 flex/grid 容器内正确解析它；v102 等旧版会退回到已废弃的 page-break-inside 逻辑，而后者对弹性布局基本无效。
常见现象：div.gallery-item { break-inside: avoid; } 在 Chrome 里图片不跨页，在 Firefox 预览中照样被截断。
如何安全启用 break-inside 并 fallback 到 page-break-inside
直接写 @media print { .item { break-inside: avoid; } } 是危险的——旧版 Edge 或 IE 会把整条规则当语法错误，连带废掉后续同组声明。
立即学习“前端免费学习笔记（深入）”；
必须用 @supports 隔离：
@media print {
@supports (break-inside: avoid) {
.item { break-inside: avoid; }
}
@supports not (break-inside: avoid) {
.item { page-break-inside: avoid; }
}
}page-break-inside 是 Level 2 规范，所有现代打印引擎都认，只是对 flex/grid 不生效，所以它作为 fallback 合理且必要。
注意：@supports 必须包裹在 @media print 内部，不能反过来；否则 Safari 16.4+ 会忽略整个媒体查询。
Flex/Grid 容器里 break-inside 失效怎么办
问题不在子元素，而在父容器让子项脱离了文档流。给 display: flex 或 display: grid 的容器里的子项加再多 break-inside 都没用。
实操方案是加一层包裹：
- 把每个
.item外层包一个<div class="print-block"> <li>设 <code>.print-block { display: flow-root; }（或display: block） - 再把
break-inside: avoid放在.print-block上 -
table-layout: fixed在打印时列宽计算丢失 → 强制table { table-layout: auto !important; width: 100% !important; } -
position: fixed元素会被丢弃或堆到第一页顶部 → 替换为position: static或用@page :first+margin-top模拟页眉 - 背景图和颜色默认不打印 → 打印预览右上角「更多设置」里必须打开「背景图形」开关，同时加
* { -webkit-print-color-adjust: exact !important; } -
colgroup在打印中被忽略 → 改用tbody tr:first-child td { min-width: 120px; white-space: nowrap; }
这样既保持视觉布局不变，又让断页指令落在标准文档流上下文中，Chrome/Firefox/Safari 都能识别。
如果用的是 React/Vue 组件库（如 Element Plus 的 el-card），别试图改组件内部样式，直接在外层加 wrapper 元素并设 flow-root。
表格、固定定位、背景图这些“打印杀手”怎么救
这些不是 bug，是 CSS Paged Media 规范明确规定的限制：
真正容易被忽略的点是：哪怕你写了 background: #fff，只要「背景图形」开关关着，它就完全不生效——这不是 CSS 错误，是浏览器策略，必须手动开。
