印刷可能な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; 
    } 

}