1, 页面样式问题:
显示器和打印机是不同的,主要是长度单位的不同,显示器常用px,而打印机很多时候用mm,所以需要两套css样式来控制。
<link rel="stylesheet" href="../assets/css/abc.css" media="screen"/>
<link rel="stylesheet" href="../assets/css/abc-print.css" media="print"/>
@media print
{
.Noprint{DISPLAY:none;}
.w{width:100%;} /*版心适应打印设备的100%*/
}
2.
.header {
- height: 70px;
- margin-bottom: 20px;
- box-shadow: 0 5px 20px rgba(0,0,0,.1);