如何在所有浏览器的页面打印中获得跨浏览器兼容性？

Question

如何在Print中获得跨浏览器兼容性？打印css文件的任何提示,使所有浏览器上的纸张打印相同.

编辑

我已经在使用Eric meyer CSS,但是当我们从网站上打印时,它仍然面临着不同浏览器的不一致.

是否有任何CSS声明我们可以始终使用并放在print css的顶部,就像其他工作良好的css重置一样media=screen？

我已经在使用不同的css进行打印(print.css)了 media="print"

---

它会更好,保持* {posotion:static},*{float:none},* {clear:both} 在总打印CSS？

Answer 1

相同的结果是不可能的.输出不仅取决于CSS,还取决于页边距的个别设置,打印机的功能,可用字体,纸张格式(A4 vs US Letter)以及可能更多.

对于CSS

• 避免浮动和定位(相对,绝对和固定).特别是Mozilla(Firefox)无法很好地处理这些属性.
• 使用page-break-*但不要依赖它.有些浏览器甚至在图像中插入分页符.
• 您不知道页面宽度和高度(可以A5).尽可能保持灵活性.
• 为了提高性能,请将打印样式放入@media print {}规则的主样式表中.
• 使用pt不px用于边界和利润.打印机不知道像素是什么,可能会产生奇怪的结果.
• 在Opera中开发您的打印布局,它对@media print当前具有最佳支持,并在您完成后插入兼容性黑客.
• 如果使用其保留的ID,Internet Explorer可能会在打印时崩溃.
• 永远不要依赖打印预览.在真正的打印输出上会得到非常不同的结果.使用print-to-pdf驱动程序保存雨林.:)