window.print控制打印样式

咱们可能会去使用window.print()方法来打印页面,可是当咱们遇到须要改变打印时候的字体大小等css样式的时候你可能会懵逼。css

因此搜索成了咱们的必经之路,我相信在网上搜索出来的最好的答案就是使用js来新打开一个页面,设置其中的样式在去打印。字体

初略一看,这个方案仍是能够接受的,最起码实现了功能,虽然很不优雅。code

其实若是你熟悉@media 的话,你可能会忽略掉一个功能,那就是控制打印样式!class

@media print {
    selector {
        ...
    }
}

这个规则会在咱们调用window.print()的时候自动调用,按照咱们的规定设置打印中的样式!select

相关文章
相关标签/搜索