html - wkhtmltopdf 不保留布局

标签 html css pdf layout wkhtmltopdf

我正在尝试使用以下简单命令在 Linux 64 位上使用 wkhtmltopdf 0.12.3 将具有自定义网格布局 ( https://jsfiddle.net/nvhk3vp9/ ) 的简单 HTML 页面转换为 PDF:

wkhtmltopdf index.html output.pdf

但是,生成的 PDF 文件不会产生预期的结果: enter image description here

我错过了什么吗?

编辑 1: 更改为 vhvw 测量单位后,输出有所改善,但结果仍未达到预期: enter image description here

最佳答案

您是否尝试过使用 vh

.col {
  float: left;
  width: 25%;
  height: 25vh;
  border: 1px solid;
  display: inline-block;
}

关于html - wkhtmltopdf 不保留布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39648526/

相关文章:

javascript - 使用 JavaScript 和 Adob​​e PDF 操作向导来修改标签

html - page-break-inside html 标签不工作

html - ionic 2 : ion-content doesnt scroll up on keyboard

html - CSS:使用 flexbox 来构造内容

javascript - 如何在循环中重新启动具有随机值的 CSS 动画?

pdf - 为 S3 上的图像创建缩略图

javascript - IOS HTML5 Canvas 关于draw/clearRect 的问题

不将宽度扩展到其内容的 html 容器

javascript - Fancybox 中的 SVG

html - 选择包裹在另一个元素中的第 nth-child 或 nth-of-type