按比例缩放HTML以完全适合PDF A4大小

Question

我正在使用PHP,Mysql,jQuery.我有一个网页,将转换为高分辨率A4大小PDF:http://optisolbusiness.com/funeral_site/sample/index/id/255.

我已经将HTML转换为PDF格式wkhtmltopdf,效果很好.

这是生成的PDF http://optisolbusiness.com/Guru/Gurupdf/optisol.pdf.但HTML并不完全符合PDF大小; PDF中的HTML周围有空格.如何扩展HTML以适应A4 PDF大小100%？重要的是,html(即)文本大小,图像宽度和高度,背景图像内的内容也要按比例缩放.

Answer 1

您的背景图像不是高分辨率,这在打印时看起来不太好.

我不知道wkhtmltopdf本身,但你的身体已经设置了绝对尺寸(以英寸为单位).这可能是个问题.您的身体具有最大尺寸,内容也具有绝对尺寸(由于背景图像像素尺寸而给出).

这不是html-to-print转换的良好起点,PDF本质上是打印.

怎么做(中级)

• 从身体中删除任何大小限制
• wkhtml ...有一个叫做的开关zoom,1.5应该是一个适当的值来填充页面
• 使用页面大小a4

怎么做("正确"的方式)

• 从身体中删除尺寸限制
• 使用html元素和css样式构建背景边框(黑色边框)
  • 不要为那些人定义"宽度"规则.您只需要定义一次"宽度",所有其他宽度应设置为"自动".
  • 高度将证明是麻烦的,因为div只有内容所需的高度.但设置高度:100%不考虑边框和边距大小.
• 黄色十字架也可以用css设计,或者更高的分辨率png/jpeg
• 仅使用"真实"尺寸.这意味着你不能使用的像素,使用点,英寸或毫米.您可以使用%值,但要确保它们是实际尺寸的%值(这意味着在某些时候父元素具有实际尺寸)