示例文档标题

• 隐藏不必要的UI元素（导航栏、侧边栏、广告等）
• 调整字体大小和颜色以适合纸质阅读
• 设置页面边距和纸张大小
• 控制分页位置，避免内容在不当位置断开
• 显示链接的URL地址，增加纸质文档的参考价值

• size: A4 — 设置纸张大小（支持A4、Letter、Legal、A3等，或自定义如210mm 297mm）
• size: landscape — 设置横向打印
• margin: 15mm — 设置页面边距
• margin-top/right/bottom/left — 分别设置各边距
• @page :first — 为第一页设置特殊样式
• @page :left / :right — 为左右页分别设置（双面打印）

注意：@page 规则在Chrome中支持较好，但部分浏览器可能对某些属性支持有限。

1. 打印预览：按 Ctrl+P（Mac: Cmd+P）打开打印对话框，直接预览打印效果。
2. 开发者工具：打开DevTools → 点击右上角⋮ → More tools → Rendering → 勾选"Emulate CSS media type" → 选择"print"。这样页面会应用@media print样式。
3. 使用本工具：在左侧配置参数，右侧实时预览模拟效果，快速迭代调整。

@media print {
  a[href]:after {
    content: " (" attr(href) ")";
    font-size: 0.8em;
    color: #666;
  }
}

@media print {
  * {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}

• page-break-before: always — 在该元素前强制分页
• page-break-after: avoid — 避免在该元素后分页
• page-break-inside: avoid — 避免在元素内部分页（适合表格、图片）
• orphans: 2 — 页面底部最少保留2行（孤行控制）
• widows: 2 — 页面顶部最少保留2行（寡行控制）

现代浏览器也支持 break-before、break-after、break-inside 属性，功能类似但语义更清晰。

• 移动端通常使用AirPrint或Google Cloud Print，对@page规则支持有限
• 建议使用响应式打印样式，考虑较小的纸张尺寸
• 字体大小不宜过小，移动端打印通常默认缩放较小
• 测试时使用实际移动设备进行打印预览
• 避免使用vw/vh单位，改用pt、mm、in等绝对单位

• pt（磅）：1pt = 1/72英寸，最常用的打印字体单位，12pt≈16px
• mm / cm：适合设置边距和页面尺寸
• in（英寸）：适合设置较大的尺寸
• px：虽然可以使用，但在不同打印机分辨率下表现不一致

本工具生成的代码默认使用pt和mm作为单位，确保打印效果一致。

1. 在左侧配置面板中根据需求调整各项参数
2. 观察右侧预览区的实时效果
3. 复制生成的CSS代码
4. 将代码粘贴到您网站的CSS文件中（或<style>标签内）
5. 使用浏览器的打印预览功能验证效果

建议将打印样式放在现有样式表的最末尾，确保它能覆盖屏幕样式。