全尺寸页面背景图片忽略边距

时间:2017-05-27 09:02:54

标签: python html css pdf-generation weasyprint

我正在尝试通过python weasyprint库HTML转换器创建PDF。我想使用包含页眉/页脚和覆盖内容的整页背景图像(svg)。

问题在于分页符...为了使图像为全尺寸,我将@page页边距设置为0,但当然页面不会中断到最后。如果我将边距设置为一个不错的分页距离,那么我无法将图像设置为整页大小而忽略边距。

有没有办法解决这个问题,或者这个想法注定要失败

2 个答案:

答案 0 :(得分:1)

我真的没有看到你的问题,但是如果你想要一个覆盖整个窗口的背景图像,你可以将它设置为正文并使主体的最小宽度和最小高度达到100vw和100vh,如下所示:

body {
  margin: 0;
  min-width: 100vw;
  min-height: 100vh;
  background-image: url("YOUR_IMG_URL");
  background-size: contain; /*or cover or whatever you like*/
}
<html>

  <head>
  </head>
  
  <body>
  </body>
  
</html>

答案 1 :(得分:1)

&#13;
&#13;
<style>
image
{
margin: 0px;
width: 100%;
height: 100%;
}
</style>
&#13;
&#13;
&#13;