如何更改可打印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; 
    } 

}