Snappy 页脚会产生与其大小成比例的奇怪边距

Question

首先，让我向您展示导致错误发生的代码段。

这是我的页脚代码：

<!doctype html>
<html>
<head>
    <meta charset="UTF-8">

</head>
<body>
<div style="height: 1rem; background-color: #1C440C">

    <span>Hello world</span>

</div>
</body>
</html>

主页：

<!doctype html>
<html>
<head>
    <meta charset="UTF-8">

</head>
<body>


    Hello world page

</body>
</html>

控制器：

   /**
     * @Route("/path", name="myurl")
     */
    public function toPdf()
    {
        $html = $this->renderView('pdf/page.html.twig');
        $footer = $this->renderView('pdf/footer2_pdf.html.twig');
        return new Response(
            $this->get('knp_snappy.pdf')->getOutputFromHtml($html, array(
                'footer-html' => $footer
            )),
            200,
            array(
                'Content-Type'          => 'application/pdf',
                'Content-Disposition'   => 'attachment; filename="file.pdf"'
            )
        );

我将页脚高度设置为 1（就像在代码示例中一样），我得到了这种 pdf 页脚：

"hello world"和页面bot之间的距离看起来像pdf的默认边距，所以看起来没问题。

然后，如果我将高度更改为 5rem 以获得更大的页脚，我会得到：

页脚变大了，但页脚和页尾之间的边距疯狂地增加了。我真的不明白为什么。

感谢您的阅读，如果您知道答案，请随时回答。

Answer 1

为了将来参考，只需使用此解决方案设置底部边距：干杯！

Snappy 页脚会产生与其大小成比例的奇怪边距

Snappy footer generate a weird margin proportional to its size

pdf

pdf-generation

wkhtmltopdf

symfony

knp-snappy