調整頁面內容以適合打印頁面

Question

此問題國際海事組織更與CSS有關，但我對任何解決方案都是開放的。我試圖打印一個網頁誰是身高定義在PX（我也試過％）。現在Safari和IE 8及之後發生了什麼，頁面內容不會在一頁上打印。

當前設置

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

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

發生了什麼事

將打印在一頁上一切都在FF，但在IE和Safari瀏覽器的內容將分成兩頁這是一個問題的赫克爲我的用戶。我必須告訴他們設置頁邊距：0.3這絕對不是一種有效的方式。

我做了什麼

我已經嘗試了不同的@頁和瀏覽器的特定黑客，使其工作，但它並不能證明是富有成效的OR似乎有效地我不要（從來就不是一個風扇的定製瀏覽器黑客）。

我想

CSS/JS的解決方案是什麼，使網頁內容打印在一頁紙上可能類似於「縮小字體填充」。

謝謝， Rahi

Answer 1

打印設備通常測量它們在物理dimmensions含量（，釐米，英尺，等等）。像素寬度取決於顯示器分辨率，因此不能依賴於每個輸出設備。

如果這是你的頁面打印關鍵你喜歡的方式，你很可能需要專爲打印的CSS文件 - 一個使用英寸，釐米，或任何你想。

看看這個previous post - 我認爲這會有所幫助。