使用Impact/Dot Matrix打印机实际打印时未反映页面样式

Question

我有一个触发javascript打印功能的网页，浏览器的打印预览与设计正确显示，但是当我点击打印时，打印的结果页面与实际样式不同。

打印机为Impact/Dot Matrix打印机型号(Epson LX-300 II impact打印机)

我已经尝试将CSS字体系列更改为不同的值，但它没有改变。更改大小会在打印时反映出来。

Answer 1

您必须利用Media查询，并且必须使用以下代码编写用于打印的样式表

@media print { 
 /* All your print styles go here */
 #header, #footer, #nav { display: none !important; } 
}

要了解更多信息，请访问：

CSS Mediatypes CSS Tricks Tutorial on Media Queries