现在还有人打印网页吗?其实不少。长文章、教程、发票,很多人习惯打印出来看。优化打印样式,能提升这部分用户的体验。
默认打印会把导航、广告、侧边栏都印出来,浪费纸还影响阅读。用CSS媒体查询可以针对打印优化,只印主要内容。
隐藏不必要元素:导航、广告、按钮、评论,这些打印出来没用,用display: none隐藏。
调整字体和颜色:打印用无衬线字体,字号别太小。背景色和文字颜色要确保对比度,黑白打印也能看清。
处理链接:打印出来看不到链接,可以用:after伪元素把URL显示出来。
分页控制:重要内容别被分页截断,用page-break控制。
@media print { /* 打印样式 */ } 写在CSS里就行。也可以单独写一个print.css。
小细节体现用心,打印优化做好了,用户体验更完整。