咱們可能會去使用window.print()
方法來打印頁面,可是當咱們遇到須要改變打印時候的字體大小等css樣式的時候你可能會懵逼。css
因此搜索成了咱們的必經之路,我相信在網上搜索出來的最好的答案就是使用js來新打開一個頁面,設置其中的樣式在去打印。字體
初略一看,這個方案仍是能夠接受的,最起碼實現了功能,雖然很不優雅。code
其實若是你熟悉@media
的話,你可能會忽略掉一個功能,那就是控制打印樣式!class
@media print { selector { ... } }
這個規則會在咱們調用window.print()
的時候自動調用,按照咱們的規定設置打印中的樣式!select