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

Question

我创建了一个div来模拟html中的纸张，其大小为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中的一些相同样式放入此查询中。