• 隐藏不需要打印的元素（如导航栏、广告、侧边栏）
• 调整字体大小和行间距以适合纸质阅读
• 设置页面边距、页眉页脚
• 优化颜色方案（如强制白底黑字以节省墨水）
• 控制分页位置，避免内容在尴尬的位置断开

1. 内联方式：将代码复制到HTML的 <style> 标签中（推荐放在 </head> 之前）
2. 独立文件：下载为独立的.css文件，然后在HTML中通过 <link rel="stylesheet" media="print" href="print.css"> 引入
3. 现有样式表中：直接将@media print规则追加到您现有的CSS文件末尾

💡 提示：使用独立文件方式时，务必保留 media="print" 属性，这样该样式表仅在打印时加载，不会影响屏幕显示。

• 导航栏：在纸上无法点击，完全无用，只会浪费空间
• 侧边栏：通常包含链接、广告等辅助内容，打印价值低
• 广告：消耗墨水/碳粉，用户不希望打印广告
• 评论区：通常不是用户想要打印的核心内容
• 页脚：版权信息等在打印时价值有限

隐藏这些元素后，纸张利用率更高，读者可以专注于核心内容，节省纸张和打印耗材。

• display: none !important; — 彻底隐藏不需要的元素
• @page { margin: 1cm; } — 设置打印页边距
• page-break-before: always; — 在元素前强制分页
• page-break-inside: avoid; — 避免元素内部被分页截断
• font-size: 12pt; — 使用pt单位更适合打印
• color: #000; background: #fff; — 强制黑白配色
• a[href]::after { content: " (" attr(href) ")"; } — 显示链接URL
• img { max-width: 100% !important; } — 防止图片溢出纸张

1. CSS优先级不够：屏幕样式可能覆盖了打印样式。解决方法：在打印样式属性后添加 !important（本工具生成的代码已自动添加）
2. 未使用media属性：确保link标签包含 media="print" 属性
3. 浏览器缓存：清除浏览器缓存后重试，或使用无痕模式测试
4. CSS选择器不匹配：检查选择器是否正确。使用浏览器开发者工具的元素面板确认类名和ID
5. 内联样式冲突：HTML元素上的内联样式优先级很高，可能需要更强的选择器覆盖

• 隐藏法（本工具使用）：在@media print中隐藏所有不需要的元素，剩下的就是需要打印的内容
• 显示法：先隐藏所有body的子元素 body > * { display: none !important; }，然后单独显示目标区域 body > .article-content { display: block !important; }

本工具的"仅保留正文"预设就是采用第二种思路的变体，会隐藏导航、侧边栏、页脚等常见外围元素，保留主内容区。

• 移动端通常使用响应式设计，打印时需要确保内容以适合A4纸的宽度呈现
• 移动端的折叠菜单在打印时应展开显示（或直接隐藏）
• 移动端的触屏交互元素（如滑动轮播）在打印时应静态展示
• 确保字体大小适合打印（建议11pt-13pt）
• iOS Safari对@media print的支持与Chrome略有差异，建议多设备测试

• @media print：控制页面内容在打印时的样式。例如隐藏元素、修改字体颜色、调整布局等。作用于页面内的HTML元素。
• @page：控制打印页面本身的属性。例如设置纸张边距（margin）、纸张大小（size: A4）、页眉页脚等。作用于打印页面的"盒子模型"。

简单来说：@media print 管内容，@page 管纸张。两者经常配合使用以达到最佳打印效果。