优化网页的打印样式

我们可以准备2套样式，一套正常的css网页展示的样式，另一套专门给打印的时候用的css样式，只要用户打印，就会通过媒体查询自动用打印的专门样式。这样既可以在浏览器很好展示效果，也不影响具体打印出来的效果。

//正常浏览器用的样式
<link rel="stylesheet" type="text/css" media="screen" href="/css/styles.css">

//专门打印用的样式
<link rel="stylesheet" type="text/css" media="print" href="/css/print.css">

其汇总media指定的属性就是设备，显示器是screen，打印机是print，电视是tv，投影仪是projection。

1.打印机样式表中最好不要用背景图片，因为打印机不能打印CSS中的背景。如要显示图片，请使用html插入到页面中。

2.最好不要使用像素作为单位，因为打印样式表要打印出来的会是实物，所以建议使用pt和cm。

3.隐藏掉不必要的内容。（@print div{display:none;}）

4.打印样式表中最好少用浮动属性，因为他们会消失。

如果想要知道打印样式表的效果如何，直接在浏览器上选择打印预览就可以了。