css - 打印样式表 - Webkit 与 Gecko/IE 中的打印页面宽度不同

Question

在 Safari/Chrome 中打印下面的页面时，内容(基本上是页面上的所有内容)被挤压到页面的左侧，大约占页面宽度的 60%。

但是，在 FireFox 和 IE 7 中，打印的页面将内容显示为全宽(看起来相当不错，imo)。我将所有布局元素的宽度调整为 100%(使用 !important 以确保它们正在应用)，但 Safari/Chrome 仍然不会打印出完整宽度。

这是我引用的页面: http://archstl.org/commoffice/press-release/2010/local-catholic-principal-honored-fi

下面是 Webkit(第一个)与 Gecko(第二个)之间的区别图片:
_{(来源:skitch.com)}

_{(来源:skitch.com)}

Answer 1

抱歉，这不是一个真正的答案，而是一个评论(我还不能评论)但是，你试过打印表格了吗？如果没有，请尝试一下。

此外，我检查了您的 print.css，虽然我不太确定，也许您可​​以检查您的字体大小。首先尝试使用像素而不是 em。由于 em 与您的基本字体大小有关，因此它可能因浏览器而异。您可以通过在正文样式中添加固定字体大小来纠正此问题，如下所示:

body { font-size: 13px; }

然后继续为其他人使用 em。