页面打印的一些注意点

今天做了一下打印的一个功能，有一些需要注意的地方记录一下，方便以后使用

1，打印背景色丢失的问题

chrome浏览器下： style中添加 -webkit-print-color-adjust: exact;
firefox下： print-color-adjust: exact; color-adjust: exact;

2，添加打印css样式

1，<style media="print"></style>
2，@media print {}
3，link标签上添加media=print

3，打印指定内容

默认会打印body里面的内容，可以将需要打印的内容替换到body的innerHTML

4，强制分页

1，page-break-before： auto\always\avoid\left\right\inherit (在元素前插入分页)
2，page-break-after： 同上（在元素后插入分页）
3，page-break-inside： auto\avoid\inherit （在元素中插入分页）

5，去掉页眉页脚，设置打印样式

@media print {
  @page {
    size: portrait; // 纵向
    size: landscape // 横向
    // 去掉页眉页脚
    margin: 0；
  }
  // 去掉页眉页脚
  body {
    margin: 1cm;
  }
}