求解决：Chrome打印渲染异常，Safari正常仅显示最后一行可选中文本

根据你描述的「Safari打印正常、Chrome端仅露出最后一行文本、被遮挡内容仍可选中」的特征可以判断，问题本质是跨浏览器打印渲染的计算差异，不存在内容被代码逻辑刻意隐藏的问题——核心是Chrome打印引擎的盒模型、布局计算规则和Safari的实现存在区别，可按以下优先级排查修复：

高频触发原因与对应修复 #

• 移除打印样式下的视口绑定高度
  这是出现该类问题最常见的诱因：如果页面主容器为了适配屏幕端全屏效果，设置了height: 100vh、固定像素高度，且没有在@media print样式块中做重置，Chrome打印引擎会把这个高度值直接绑定到单页打印视口的高度上。当实际内容总高度超过这个固定值时，前面的内容会被挤到容器可视区域外，仅剩下最底部的最后一行刚好露出视口边界。
  修复方式：在@media print块中给所有主内容容器追加全局高度重置规则：

  @media print {
    * {
      height: auto !important;
      min-height: auto !important;
      max-height: none !important;
    }
  }
  

• 修复打印场景下的flex布局计算异常
  Chrome打印引擎对纵向flex布局的默认flex-shrink: 1（自动收缩规则）存在长期兼容性问题：当内容高度超过单页打印范围时，Chrome会自动压缩flex子项的高度，把前面的内容压缩到可视区外，完全匹配“内容存在、可选中但看不见”的表现。
  修复方式：在打印样式中给所有flex容器追加规则，禁止布局自动收缩：

  @media print {
    * {
      flex-shrink: 0 !important;
    }
  }
  

• 移除打印场景下的脱离文档流定位
  如果打印内容外层用了position: absolute或position: fixed做定位，Safari会在打印时自动把定位元素的高度扩展到能容纳全部内容，但Chrome会把这类元素的高度锁死在屏幕渲染时的初始高度，超过高度的内容不会被纳入打印渲染范围。
  修复方式：在打印样式中把这类定位元素重置为正常文档流，避免高度锁死问题：

  @media print {
    .print-container {
      position: static !important;
    }
  }
  

• 固定打印页参数消除计算偏差
  Chrome在未明确指定打印参数时，会自动计算页边距、页面尺寸，这个自动计算过程很容易导致容器高度的渲染偏差。可以通过@page规则固定打印参数，减少引擎自动计算带来的误差：

  @page {
    size: A4;
    margin: 15mm;
  }
  

  同时给所有块级内容追加分页规则，避免Chrome错误截断内容：

  @media print {
    p, div, section {
      break-inside: avoid;
    }
  }
  

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