打印/另存为 PDF（保持 CSS 布局）答案

【问题标题】：Print/Save as PDF (keeping the CSS layout)打印/另存为 PDF（保持 CSS 布局）
【发布时间】：2013-07-23 03:39:39
【问题描述】：

当我简单地打印（如在纸上）或将页面保存为 PDF 时（使用浏览器内置工具），css 将被完全忽略，我只是在内容的行之后得到难看的行！

有没有办法做到这一点（无需转换 HTML 2 PDF/图像）？

谢谢！

【问题讨论】：

我知道这是一个老问题，但我已经使用 CSS3 真正以英寸为单位格式化页面，以便我可以保存为 PDF。我使用 html 标签来指定 media="print"，然后调用 print.css 以 @media 打印行开头，但 Safari 和 Chrome 仍然会覆盖我所有漂亮的格式，所以我仍然想看到这个问题的答案。这应该是在不臃肿的 InDesign 下创建漂亮 PDF 的好方法。

标签： html css pdf save

【解决方案1】：

这可能是因为您指定了 media 选项。

<!-- will ignore css on print -->
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />

<!-- will only use css when printing -->
<link href="style.css" rel="stylesheet" type="text/css" media="print" />

<!-- will use both -->
<link href="style.css" rel="stylesheet" type="text/css" />

【讨论】：

【解决方案2】：

您应该在 CSS 中查找媒体类型...设置一个进行打印，您应该可以开始使用了。我发现this 页面真的很有帮助。

【讨论】：