如何控制打印字體大小

我允許用戶打印，但輸出太大（我必須在打印對話框中手動調整到大約60％）。我使用css媒體查詢（下面）來控制內容，並試圖在不改變輸出字體大小的情況下更改html, body{}的字體大小。打印到Adobe PDF打印正確如何控制打印字體大小

任何想法我做錯了什麼？

我打印鏈接：

<a href="#" onclick="window.print(); return false;"></a>

我的CSS：

@media print { 
    body * { 
     visibility: hidden; 
    } 
    .printme, .printme * { 
     visibility: visible; 
    } 
    .printme { 
     position: absolute; 
     left: 0; 
     top: 0; 
    } 
    .printme, .printme:last-child { 
     page-break-after: avoid; 
    } 

    .display-none-on, .display-none-on * { 
     display: none !important; 
    } 
    html, body { 
     height: auto; 
     font-size: 12pt; /* changing to 10pt has no impact */ 
    } 

}

來源

2015-09-07 mseifert

這些代碼工作...我認爲問題是緩存..嘗試打開私人模式瀏覽器.. – brunocascio

因爲CSS只適用於打印？不是在屏幕上查看？ – Joseph

我正在使用Firefox，但嘗試在Chrome中打印，結果相同。 – mseifert

終於想通了這一點，有多種原因。最主要的是我還需要爲包含文本的div設置字體大小。在主CSS中，我將字體大小設置爲62.5％，將div字體大小設置爲130％。當我將@media print {}的正文字體大小設置爲12pt時，它繼續使用130％div設置，所以打印得非常大。

我相信我通過更改字體大小來調整字體大小的努力是有缺陷的，因爲我縮小了我的css並可能在每次更改後忘記縮小。

來源

2015-09-14 04:15:45 mseifert

如何控制打印字體大小

回答

相關問題