調整打印樣式表的頁面寬度

Question

因此I've got a page顯示一個圖像，其上有一些絕對定位的文本。

我想寫一個打印樣式表爲它使：

1. 調整圖像的大小以適應頁面的寬度
2. 文本被重新定位和調整大小，以保持與相對位置和大小它背後的圖像

所以我知道我可以做（1）只有max-width: 100%，但我不知道如何完成（2）。如果有必要，我可以使用一些JavaScript，但我想知道是否有方法在純CSS中執行此操作。如果我確實需要使用javascript，我可以通過鉤子來檢查打印頁面中圖像的像素寬度？只需使用正常的計算寬度？

---

是的，這個問題可能是更適合DocType，但I've yet to get any help over there。

Answer 1

我的問題是我在主div中設置了overflow: auto，導致內容溢出打印頁面。

要解決這個問題，我所需要做的就是設置overflow: none。

的overflow: auto是什麼使得它打印像

http://rampion.github.com/4eCharSheet/doc/printer-problem.png http://rampion.github.com/4eCharSheet/doc/printer-problem.png

Answer 2

我認爲你可以高興地將它留給打印機驅動程序如果你修剪圖像周圍的空白，然後用css替換屏幕上的邊距，然後再在打印介質樣式表中將其刪除。頁邊空白會導致問題。