打印/另存为 PDF(保持 CSS 布局)

2022-01-24 00:00:00 pdf save html css

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

When I simply print (like on paper), or save as PDF a page (using the browser built-in tool), the css is completely ignored and I just get ugly lines after lines of the content!!

有没有办法做到这一点(无需转换 HTML 2 PDF/图像)?

Is there a way to do this (without having to convert the HTML 2 PDF/image)?

谢谢!

推荐答案

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

That's probably cause you've got the media option specified.

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

相关文章