咱们可能会去使用window.print()
方法来打印页面,可是当咱们遇到须要改变打印时候的字体大小等css样式的时候你可能会懵逼。css
因此搜索成了咱们的必经之路,我相信在网上搜索出来的最好的答案就是使用js来新打开一个页面,设置其中的样式在去打印。字体
初略一看,这个方案仍是能够接受的,最起码实现了功能,虽然很不优雅。code
其实若是你熟悉@media
的话,你可能会忽略掉一个功能,那就是控制打印样式!class
@media print { selector { ... } }
这个规则会在咱们调用window.print()
的时候自动调用,按照咱们的规定设置打印中的样式!select