参数页被打印出来，往往比屏幕上更难看

一个常见场景：客户在你网站上找到产品参数页，直接打印出来，或者另存为文件，转发给技术负责人。屏幕上明明规整的页面，到了纸上就变了样——导航和悬浮按钮占掉半页，表格被切断，深色背景变成一片灰。

打印是一套独立的样式

浏览器渲染打印时，用的是打印样式，而不是屏幕样式。默认规则会忽略背景色、背景图，去掉大部分动效，但不会自动隐藏导航、侧栏、浮层。所以页面结构越复杂，打印出来越乱。解决办法是单独写一段打印样式，明确哪些区块不参与打印。

先隐藏无关区块

页头导航、侧边栏、面包屑里的多余项、在线客服浮窗、返回顶部按钮、页脚里的友情入口，这些在纸上没有意义。统一在打印样式里隐藏，正文区域宽度放开，页面会立刻清爽。

表格是重灾区

宽表格在纵向纸张上最容易出问题：列被压扁、文字断行、跨页时表头消失。可行做法是缩小字号与内边距、允许横向铺满、给表头设置重复属性，让它在新的一页顶部再次出现。行数多的表还要避免单行被页面边界切开。

标题别落单

一个小标题出现在页面最底部、正文翻到下一版，是打印稿里最常见也最难看的排版事故。让标题与其后的内容保持在同一页，需要给标题设置分页控制。同理，图片与它的说明也不能被拆开。

背景色靠不住

多数浏览器默认不打印背景。如果页面用底色区分表头或提示块，打印后会变成白底黑字，层次全丢。稳妥的做法是加边框、用字重区分，而不是依赖颜色。确实需要打印底色的，也要接受部分环境不会输出。

链接要变成可读文字

纸上的下划线没有意义。打印时把链接文字保留，附加的地址不展开，避免正文出现一长串无法点击的字符。电话号码与地址若确实需要在纸上呈现，用文字写在固定位置，比藏在图标里可靠。

验证方法很简单

写完样式不要只看代码，用浏览器的打印预览逐页翻一遍，再导出一份文件对照。重点看三处：首页版面是否完整、表格是否断得难看、末页是否只剩孤零零一行。

小结

打印样式工作量不大，却直接影响客户把你家资料递给别人的那一刻。隐藏无关区块、管好表格分页、别依赖底色，三点做到就够了。冉冉科技在站点交付前，会把打印效果纳入页面检查。

关于冉冉科技

江苏冉冉信息科技有限公司（品牌“冉冉科技”）成立于2017年，位于江苏省常州市新北区，是一家从事互联网信息服务、电子商务应用与企业应用系统开发的技术服务企业。公司业务涵盖网站建设、网页设计、SEO优化、竞价包年、域名注册、虚拟主机、企业邮箱、整合营销及企业形象策划等，以“只做有效果的网络营销”为服务主张，累计完成三千余起网站建设与服务。