打印样式表 - 打印页面宽度与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（第二个）之间差异的图像： Webkit's Print Rendering http://img.skitch.com/20100518-cgr6t6edwyr3x7p55f5eewqy6r.jpg Gecko's Print Rendering http://img.skitch.com/20100518-bxgxnyd3uecu5cp2ba2whnp3uy.jpg

Answer 1

抱歉，不是答案，而是评论（我还不能发表评论），但是，您是否尝试过打印表格？如果没有，试试吧。

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

body { font-size: 13px; }

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

Answer 2

我决定放弃尝试改进打印样式表，而只是接受不同浏览器中的奇数间距问题。

我建议，对于其他任何试图为您的网页设置打印样式的人来说，考虑使用@screen而不是@all作为主网站样式表，但这样可以在一些更复杂的布局上更轻松地打印样式。

无论如何，我们应该进入21世纪并忘记印刷; - ）