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

Question

所以 I've got a page显示一张图片，上面有一些绝对定位的文本。

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

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

所以我知道我可以只使用 max-width: 100% 来完成 (1)，但我不确定如何完成 (2)。如有必要，我可以使用一些 javascript，但我想知道是否有一种方法可以在纯 CSS 中执行此操作。如果我确实需要使用 javascript，我可以 Hook 什么来检查打印页面中图像的像素宽度？照常使用计算出的宽度？

---

是的，这个问题可能更适合 DocType , 但是 I've yet to get any help over there .

Answer 1

我的问题是我在主 div 中设置了 overflow: auto，这导致内容溢出打印页面。

要修复它，我需要做的就是设置 overflow: none。

overflow: auto 是它打印出来的原因

_{(来源:github.com)}