如何更改可打印div的字體大小

Question

如何更改div的字體樣式我想打印？

這是造型

@page { 
    size: A4; 
    margin: 0; 
} 
@media print { 
    .page { 
     margin: 0; 
     border: initial; 
     border-radius: initial; 
     width: initial; 
     min-height: initial; 
     box-shadow: initial; 
     background: initial; 
     page-break-after: always; 
    } 
    html, body { 
     width: 210mm; 
     height: 297mm; 
    } 
} 

例子：

html, body { 
     width: 210mm; 
     height: 297mm; 
     font-size: 1mm; 
    } 

我什麼都試過了字體大小是不是越來越小我究竟做錯了什麼？ 任何幫助表示讚賞..

Answer 1

這應該工作。您應該能夠看到打印預覽窗口中的更改。如果您沒有看到更改，請嘗試將!important添加到CSS規則中。

@media print { 
div { 
    font-size: 1mm; 
/* font-size: 1mm !important;*/ 
    } 

/*Also move your @page css inside you @media css */ 
@page { 
    size: A4; 
    margin: 0; 
    } 

}