css 写打印样式问题

 

（1）背景颜色打印不出来问题解决方法

1. background样式要加上 !important；
2. color样式要加上 !important；
3. -webkit-print-color-adjust: exact;
4. 然后记得浏览器打印设置里面要在“打印背景图形”前面打勾。

-webkit-print-color-adjust: exact;
color:#007DCF !important;color;
background:#007DCF !important;

 

 （2）页码的问题：

      在打印的时候，想要换行的地方。

 page-break-before: always;

例：
<page size="A4"></page>

page[size="A4"] {
    background: white;
    width: 21cm;
    height: 29.7cm;
    display: block;
    margin: 0 auto;
    margin-bottom: 0.5cm;
    box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
    page-break-before: always;
}
@media print {
    body, page[size="A4"] {
        margin: 0;
        box-shadow: 0;
    }
}