关于制作像素完美的CSS布局的建议?

迪安,退房 Prince . Bert Bos和H_kon Wium Lie将其用于生产 their book on CSS .他们在一张单子里解释了一下 article .

如果以像素完美打印为目标,即使是PDF也无法实现,那么您几乎可以立即放弃从浏览器打印。在客户端呈现时有太多的变量:来自不同的浏览器(IE6?祝你好运!)到不同的字体,到用户设置,到A4与信纸大小的纸张。

我能问一下为什么pdf不适合吗?

我同意像素完美的布局很难用HTML/CSS实现,尤其是表单。但是,我认为PDF可以从外部Web表单接收输入,或者具有文本字段,在填写后将打印这些文本字段。

将flex输出到pdf是一个好主意,但我不认为将flex作为渲染引擎会有太多帮助。

另一种选择是生成PDF,并使用服务器端语言使用以前的webform中的字段对其进行自定义,并输出结果。(可以很容易地用ruby/django/php完成,外面有一些很好的PDF库。)

首先,放弃像素。您要找的是打印样式表,其中所有内容都使用物理单位(cm/inches)、字体大小(pt)等指定。屏幕上显示的内容、字体大小以及像素是否完美似乎与您对 生成可扫描副本 .

现在的问题是,IE6对物理单元和打印样式表的支持是否足够完整?鉴于我在为客户制作打印样式表方面的经验,如果你看错了,IE会在打印过程中崩溃,我认为不太可能——而不是你处理的表单的复杂性。

如果您担心渲染器(例如,Acrobat等)出错,您可以始终在服务器上渲染表单,并向用户提供图像。