调整打印样式表的页面宽度

Question

所以I've got a page显示的图像上面有一些绝对定位的文字。

我想为它写一个打印样式表，以便：

1. 调整图片大小以适合页面宽度
2. 重新定位文本并调整其大小以保持其背后图像的相对位置和大小

所以我知道我可以用max-width: 100%来做（1），但我不知道如何完成（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替换屏幕上的边距，并在打印中再次将其删除-media stylesheet。建立页边距会导致问题。