如何从所有浏览器获得页面打印的跨浏览器兼容性?

相同的结果是不可能的。输出不仅取决于CSS,而且还取决于页面边距、打印机功能、可用字体、纸张格式(a4vs US Letter)等的单独设置。

对于CSS

• 避免浮动和定位(相对、绝对和固定)。尤其是Mozilla(Firefox)不能很好地处理这些属性。
• 使用 page-break-*
• 你不知道页面的宽度和高度(可能是A5)。任何东西都要尽量灵活。
• For performance ,将打印样式以 @media print {} 规则。
• 使用 pt px
• 在Opera中开发您的版式,这对 @media print 目前,并插入兼容性黑客,当你完成。
• reserved IDs .
• 永远不要依赖打印预览。在真实的打印输出上会得到非常不同的结果。使用打印到pdf驱动程序保存雨林。:)

<LINK rel="stylesheet" type"text/css" href="print.css" media="print">

您可以禁用所有其他css,只需使用“打印”css即可。首先将媒体设置为“屏幕”。测试它就像在所有浏览器中测试一个普通的css一样。

以我的经验来看,它在屏幕上的样子,在打印出来的时候会很好看。

建议:

2) 保持简单。