Question

我使用wkhtmltopdf从引导程序布局生成PDF，在大多数情况下，结果非常接近浏览器呈现的内容。但是，我注意到使用分段的“bootstrap行”（由许多col-x组成）使得总宽度不会达到100％。

我在文档的一部分中使用了12个col-xs-1，结果可以在这里看到：

以下是列类的CSS（或者至少是我尝试更改的部分）：

.col-xs-1 {
    float: left;
    width: 8.333333%;
}

我将宽度％增加到8.37％并且没有任何变化，尺寸保持不变。但是，当我将它增加到8.38％时，它会变得太大并打破布局（最后一列转到下一行）。

同样，在浏览器中看起来不错。在我看来，有一个舍入错误或某些东西搞乱列的宽度。当你有边界时，它变得非常明显。

有没有人对我应该尝试什么有任何建议？

Answer 1

好的，问题是wkhtmltopdf不呈现十进制像素（10.5px = 10px ......）

A＆＃34;修复＆＃34;问题是增加dpi设置。我将其设置为2000 dpi，最终文件大小和处理时间保持不变，同时解决了问题。可能会出现我现在不知道的副作用，但到目前为止它似乎对我正在做的事情很好。

另一个修复可能是确保100％宽度是12的数字倍数（或您正在使用的N列）。我没有测试，但似乎合乎逻辑。

无论如何，记录在这里希望能帮助有同样问题的人。