javascript - 从 phantomjs 打印 pdf 时出现空格

Question

目前我正在做一个元素，在这个元素中我必须从一个包含一些特殊符号的网页生成一个 pdf。所以为了生成它，我使用的是 Phantomjs(1.9.8 版)。为此，我在我的网页上应用了以下算法。

var heightTracker = 0;
var max_A4_page_height=842pt; // as size of A4 page is about 842 points
for every_division on page
var temp_height=Read_height_of_division(); // This give's height in pixels
temp_height*=(72/96); // Converting pixels to points
heightTracker+=temp_height;
if( heightTracker>= max_A4_page_height)
{
    Insert_Page_Break_Before_This_Division();
    heightTracker=temp_height; // Initial height of new page
}

在很多情况下，我面临的问题是显示空白页面，如果我降低 A4 页面高度，那么我的分区元素将分成两页，之后我会得到一些空白。

我对上述问题做了一些实验，了解到我网页上的分区高度与 PDF 上的分区高度不同，即在许多情况下，高度被某种因素压缩了。

有没有人知道为什么会这样，我怎样才能摆脱这个问题。

当前的 pdf 是 72 DPI。我也尝试了 120 DPI，但没有发现合适的变化。在我的 pdf 中，我还打印了每个分区的高度和页面的累积高度。和 here is the pdf .

Answer 1

我已经用 PhantomJs 构建了一个相关的设置，这听起来很可能是打印输出没有正确的 CSS。

首先测试打印的内容在 chrome(或类似)中看起来不错，当内容正常时，PhantomJs 应该能够轻松地重现它。