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

-4

我想通过python weasyprint库HTML转换器创建PDF。我想使用包含页眉/页脚的整页背景图像（svg），并在其上覆盖内容。全尺寸页面背景图片忽略边距

问题是关于分页符......为了使图像成为完整大小，我将@页边距设置为0，但是当然页面不会突破到底部。如果我将边距设置为一个像样的分页符距离，则无法使图像成为整页大小而不考虑边距。

有没有办法来解决这个问题，或者是注定要失败的想法

2017-05-27 ptr

我可能会错过一些东西，并不熟悉WeasyPrint，但会应用填充到页面正文不起作用？ –

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

来源

2017-06-06 05:35:46 Raji

我实在不明白你的问题，但如果你想覆盖整个窗口的背景图像，您可以将其设置为所述主体和使人体的最小宽度和最小高度，以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>

来源

2017-05-31 17:27:27

如果您还有其他问题，请使用代码示例解释您的问题 – 2017-05-31 17:29:31

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

回答

相关问题