window.print控制打印樣式

咱們可能會去使用window.print()方法來打印頁面,可是當咱們遇到須要改變打印時候的字體大小等css樣式的時候你可能會懵逼。css

因此搜索成了咱們的必經之路,我相信在網上搜索出來的最好的答案就是使用js來新打開一個頁面,設置其中的樣式在去打印。字體

初略一看,這個方案仍是能夠接受的,最起碼實現了功能,雖然很不優雅。code

其實若是你熟悉@media 的話,你可能會忽略掉一個功能,那就是控制打印樣式!class

@media print {
    selector {
        ...
    }
}

這個規則會在咱們調用window.print()的時候自動調用,按照咱們的規定設置打印中的樣式!select

相關文章
相關標籤/搜索