2017-05-27 6 views
-4

私はpython weasyprintライブラリのHTMLコンバータ経由でPDFを作成しようとしています。私はそれらの上にヘッダー/フッターとオーバーレイコンテンツを含むフルページの背景イメージ(svg)を使用したいと思います。フルサイズのページの背景イメージマージンを無視する

問題はページ区切りに関するものです。イメージがフルサイズになるように、私は@page marginを0に設定しますが、ページは最下部まで壊れません。まともなページ区切り距離に余白を設定した場合、余白を無視してイメージをフルページサイズにすることはできません。

またはこの問題を回避する方法はありますが失敗する運命に考えです

+0

私はWeasyPrintに慣れていないかもしれませんが、ページのボディにパディングを適用すると効果がありませんか? –

答えて

1

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

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

何か他の質問がある場合は、コード例で質問を説明してください –

関連する問題