html - 如何统一 HTML 和打印机产生的结果

Question

我在html中创建了一个模拟纸张的div，尺寸为800*1131(与A4相同的宽高比)，内容包括字符、图像和表格。

但是我发现如果打印div，结果和html中实际显示的格式不一样。通常字体会变小。

有没有办法统一 HTML 和打印机产生的结果？

Answer 1

正如@Brewal 所说，您可以在您的 css 中使用 @media print 查询。

参见 http://coding.smashingmagazine.com/2011/11/24/how-to-set-up-a-print-style-sheet/

像这样:

@media print {

   body {
   font-size:15px;
   }
   /* and so on */

}

如果您的打印机/浏览器正在更改字体(大小)，那么您可以将“正常”CSS 中的一些相同样式放入此查询中。