全尺寸頁面背景圖片忽略邊距

-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

全尺寸頁面背景圖片忽略邊距

回答

相關問題