調整頁面內容的大小以適合一個打印頁面

Question

這個問題IMO與CSS更相關，但我對任何解決方案都持開放態度。 我正在嘗試打印一個在px中定義高度的網頁（我也試過％）。 現在在Safari和IE 8及以后版本中發生了什么，頁面內容將無法在一頁上打印。

當前設置

div.parent-container{  
    height: 900px;  
}  

div.parent-container div.child-containers{  
    height:100%;  
} 

發生了什么

它將在FF中的一個頁面上打印所有內容，但在IE中，Safari內容將分成兩頁，這對我的用戶來說是一個問題。 我必須告訴他們設置頁邊距：0.3這絕對不是一種有效的方法。

我做了什么

我已經嘗試了不同的@page和瀏覽器特定的黑客來使它工作，但它並沒有證明是富有成效的或者對我來說似乎沒有效率（從未成為定制瀏覽器黑客的粉絲）。

我想要的是

用於在一個頁面上打印頁面內容的CSS / JS解決方案可能類似於“Shrink to Fit”。

謝謝，Rahi

Answer 1

打印設備通常以物理尺寸（英寸，厘米，英尺等）測量其內容。 像素寬度取決於顯示器分辨率，因此不能依賴於每個輸出設備。

如果您的頁面按照您喜歡的方式打印是至關重要的，那么您很可能需要一個專門用於打印的CSS文件 - 一個使用英寸，厘米或任何您喜歡的頁面。

看看上一篇文章 - 我認為這會有所幫助。