css - How to unify the results produced by HTML and printer -

I created a div to simulate a paper in html, which is size 800 * 1131 (similar to A4 Aspect ratio) content including characters, images and tables.

But I found out that if I print div, the result looks like html that is not actually displayed. Usually the font becomes smaller.

Is there a way to unify results created by HTML and printers?

As @blawal has said, you can print @ media in your CSS Can use questions.

See

similarly:

  @ media print {body {font-size: 15px; } / * And so on * /}   
 If your printer / browser font is changing, you can add some styles in your "normal" CSS to it. Query