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

  1. html添加
    , 在print.css的 @media print {}写打印的样式;
  2. 不需要打印的部分可以通过display: none不显示;
  3. 表格打印会出现表格超出可视区域的问题,通过改变表格的宽度解决。
@media print {
  .not-print{
    display: none
  }
  .print{
    background-color: transparent;
  }
  .table { 
    width: 75%;
   }
}

你可能感兴趣的:(自定义chrome浏览器打印的样式)