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

Question

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

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

谢谢！

Answer 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" />

Answer 2

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