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

}