样式控制

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 {
  1. height: 70px;
  2. margin-bottom: 20px;
  3. box-shadow: 0 5px 20px rgba(0,0,0,.1);

相关推荐