打印/另存为 PDF(保持 CSS 布局) [英] Print/Save as PDF (keeping the CSS layout)

问题描述

当我简单地打印(如在纸上)或将页面保存为 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" />

这篇关于打印/另存为 PDF(保持 CSS 布局)的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！