如何在window.print（）上更改布局和隐藏内容

Question

我有一个供应商可以打印发票的网络应用程序。所以对于打印我在打印预览中使用windows.print（）它显示为当前页面的屏幕截图。但供应商有一些标准的打印纸，上面有他的细节和一些空白，我只想在纸张上打印文字，我不想要打印任何样式或表格。

如何做到这一点是媒体要求或任何其他方式

由于

Answer 1

最简单的解决方法是使用print css文件/查询：

@media print {
   .styledContent {
        display:none;
    }

}
/*Also reset the styles of the other elements*/

Answer 2

您可以使用@media print根据您的要求覆盖类。 在同一个css类上使用它，或者您可以在单独的css文件中使用它。