自定义chrome浏览器打印的样式

1. html添加
   <link type="text/css" rel="stylesheet" href="/css/print.css" media="print"> ， 在print.css的 @media print {}写打印的样式；
2. 不需要打印的部分可以通过display: none不显示；
3. 表格打印会出现表格超出可视区域的问题，通过改变表格的宽度解决。

@media print {
  .not-print{
    display: none
  }
  .print{
    background-color: transparent;
  }
  .table { 
    width: 75%;
   }
}