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

在 Safari/Chrome 中打印下面的页面时，内容（基本上页面上的所有内容）都会被挤压到页面的左侧，大约为页面宽度的 60%。

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

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

And here's an image of the difference between Webkit (first) vs. Gecko (second):
_{(source: skitch.com http://img.skitch.com/20100518-cgr6t6edwyr3x7p55f5eewqy6r.jpg)}

_{(source: skitch.com http://img.skitch.com/20100518-bxgxnyd3uecu5cp2ba2whnp3uy.jpg)}

抱歉，这不是一个真正的答案，而是一个评论（我还不能发表评论），但是，您已经尝试过打印该表了吗？如果没有，就试试吧。

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

body { font-size: 13px; }

然后继续将它们用于其他人。