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

Question

我创建了一个 div 来模拟 html 格式的纸张，大小为 800*1131（与 A4 的纵横比相同），其中包含一些内容，包括字符、图像和表格。

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

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

Answer 1

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

请参阅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 中的一些相同样式放入此查询中。