HTML页面打印样式设置技巧

本文深入讲解了HTML页面打印样式设置的核心技巧，涵盖如何通过@media print精准隔离打印专用CSS、手动隐藏非内容元素、优化字体与排版提升纸质可读性、兼顾Chrome与Firefox的兼容性差异，以及处理图片、表单、响应式资源等易被忽视的实战细节；强调必须通过“另存为PDF”而非仅依赖打印预览来真实验证效果，帮助开发者告别乱码、截断、白页等常见打印窘境，让网页内容真正清晰、简洁、省纸地跃然纸上。

打印时页面乱码或布局错乱怎么办

浏览器默认会把网页所有样式（包括背景色、浮动菜单、侧边栏）一并打印，结果往往是内容被截断、文字叠在一起，甚至白纸一片。根本原因是没用 @media print 隔离打印专用样式。

• 必须在