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

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

有没有办法做到这一点（无需转换HTML2PDF/图像）

---

谢谢

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

这可能是因为您指定了

媒体

选项

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

---

我知道这是一个老问题，但我使用CSS3将页面的格式设置为英寸，这样我就可以保存为PDF格式。我使用html标记指定media=“print”，然后调用print.css，它以@media print行开头，仍然是Safari和Chrome覆盖了我所有漂亮的格式，因此我仍然希望看到这个问题的答案。这应该是一个很好的方法来创建漂亮的PDF，而不需要臃肿的InDesign。