网页打印

方法： window.print()
print() 方法用于打印当前窗口的内容。

打印样式：
/* 样式将只应用于打印 */
@media print {
    body {
      color: #000;
      background: #fff;
   }
 
}

• 控制打印设置选项

该@page规则允许您指定页面的各个方面。例如，你将要指定页面的尺寸。页边 距,页眉页脚等都是非常重要的。[很多浏览器均己支持]

@PAGE规则纸张大小设置

通过下面这条CSS您可以设置纸张大小,5.5英寸宽,8.5英寸高.

@page {
  size: 5.5in 8.5in;
}
　　
你还可以通过别名控制纸张大小,如"A4"或“legal.”

@page {
  size: A4;
}

你还可以控制打印方向，　portrait： 纵向打印地,  landscape: 横向 

@page {
  size: A4 landscape;
}

打印功能的问题

新窗口打开的页面中调用打印功能时，会阻塞主页面的js进程，因为新窗口和主页面公用一个线程。解决方法，在我的另一篇文章里面有说明：

地址： 新窗口打开页面的问题