如何编写print css从网页上获取打印的方式与从MS word中获得的方式几乎相同？

Question

1. 如何为世界上最常用的纸张尺寸制作十字尺寸和跨浏览器兼容的打印CSS 以进行打印？

             A4, A3, Legal etc 
   

2. 我们如何能够像MS字一样对我们的网站页面进行几乎相似的格式化？从任何流行的浏览器中获得打印页面格式一致性的最佳实践是什么？

3. 如何设置跨浏览器边距和字体大小与所有类似MS字的一致性呢？
4. 是CSS字体大小的单元EM最好的两个屏幕和打印？或者我们应该在print css中使用pt或px？我第一次看到这里新的css属性body {width: 7in}.
5. 我们可以为彩色和黑白打印设置不同的CSS(有或没有JavaScript的帮助)(如果我想在B&W打印中提供不同的浅色以节省墨水？
6. 如果我们正在制作用于在纸上打印的流体网站(具有固定宽度),我们应该给固定宽度打印css吗？

那这个呢？有什么建议吗？

body                             {margin: 15px; }
#mainContainer                   {width: 842px; /* equivalent to A4 */ margin: 0; }
#header                          {display: none; }
form                             {display: none!important; }
#footer                          {display: none; }
#mainContent #leftCol            {display: none; }
#mainContent #rightCol           {display: none; }
#mainContent #contentSection     {float: none; padding: 0; margin: 0; font-size: 13px; width: 100%; }

Answer 1

您可以使用指定仅打印样式表<link rel="stylsheet" type="text/css" media="print" href="print.css">

1. 用户必须在打印对话框中指定页面大小。您可以使用 CSS2建议页面的方向@page，但它在 2.1 中被删除。有关打印样式表的精彩介绍，请参阅此处和此处。

2. 常见的怪癖适用，例如盒子模型的差异。我想到的唯一最佳实践是保持简单，不要使用position: absolute，并进行大量测试。安装PDF打印驱动程序进行测试。

3. 您应该能够在打印样式表中指定这些内容。

4. pt作为一个物理单位，使用应该在每台机器上产生一致的结果。

5. 不可以。您必须让用户事先选择正确的样式表。

6. 如果您不希望打印输出由五页相邻的页面组成，可能是的。但是，您只能在打印样式表中执行此操作。

请记住，在默认设置中，所有浏览器都会打印专有的页眉和页脚，只有用户可以在打印对话框中删除它们。

如果您想完全控制打印产品的每一英寸（包括尺寸和方向），您将需要开始生成 PDF。