window.print控制打印样式

我们可能会去使用

window.print()

方法来打印页面，但是当我们遇到需要改变打印时候的字体大小等css样式的时候你可能会懵逼。

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

初略一看，这个方案还是可以接受的，最起码实现了功能，虽然很不优雅。

其实如果你熟悉

@media

的话，你可能会忽略掉一个功能，那就是控制打印样式！

@media print {
    selector {
        ...
    }
}

这个规则会在我们调用

window.print()

的时候自动调用，按照我们的规定设置打印中的样式！