wkhtmltopdf 和 zurb 基金会答案

【问题标题】：wkhtmltopdf and zurb fundationwkhtmltopdf 和 zurb 基金会
【发布时间】：2014-07-20 07:04:00
【问题描述】：

我在将 wkhtml 与 zurb 基金会框架 5 中的 css 链接时遇到问题。我使用 laravel，在 myhtml 中我有 css 的绝对 URL。

PDF 还可以，但没有来自 css 的布局。

有什么想法吗？

我也尝试在 html 文件中使用本地 css。

【问题讨论】：

【解决方案1】：

您可以在链接中使用helpers

<link rel="stylesheet" type="text/css" 
href="{{public_path().'/assets/css/fo.css'}}" />

【讨论】：

我不确定。但是恐怕pdf转换器不支持zurb。因为我也厌倦了 mPDF 和 dompdf。我有一个问题。所有具有类列的 div 和例如。 large-4 被忽略并列为非内联块。
这很奇怪，因为如果我从任何网站设置 url，就会导入 css。我将我的 html 添加为 url，在 pdf 中是 html，但仍然没有 zurb 列导入。
我在使用 boostrap 时遇到了同样的问题，我将所有类 div 替换为 .col-xs-，我不了解基础，但根据这篇文章 (stackoverflow.com/questions/20333666/…)，您可以尝试使用 small- , 这里有一些关于 bootstrap 的解释 (stackoverflow.com/questions/19705880/…)
wkhtmltopdf 不支持 @media 块中的 css，我认为基础中的“所有”网格都在 @media 块内。所以你需要编写你的“自己的”网格 => 只需删除 @media
谢谢，你说得对。是媒体问题。我添加了 .large 和 .column 并且效果很好。

【解决方案2】：

在“public”中创建css文件夹并将所有css文件放入其中。
现在要包含 css 文件，请使用：

<link rel="stylesheet" type="text/css" href="{{ url('css/filename.css')}}" />

【讨论】：