css可打印大小和pdf

Question

我的教材是html一章一章的。我对它做了一些修改。它似乎非常好，当它是在网页上阅读，但当我想把它转换成pdf或打印，这似乎很狭窄。问题是如何在A4中安装页面。如果您查看output.pdf，可以在主页上找到它。另外，给你的共享链接理解我。(特别是第47页)。我可以把它们合并成pdf文件。我认为，如果css可以编辑，它将被安装在A4和看起来像一本书的pdf。我需要你的帮助。例如，您可以查看ch18.html和ch19.pdf，因为声誉原因，我无法编写其他链接。但是所有的文件都可以从主页上查看。

页面：http://bookfiles.host-ed.me/ch18.html和ch19.html

Css文件：http://bookfiles.host-ed.me/static/CACHE/css/ab0ffefbadc3.css

关于css，我绝对是新手。谢谢你的帮助。

Answer 1

这个问题似乎与您的“文档”div上的最大宽度有关。您可以根据屏幕大小在css文件中的几个不同位置设置它。我会一个一个地看一遍，找出影响你打印文件的那个。您需要将您的最大宽度设置为100%。最大宽度小于100%是导致打印窄的原因。

一旦您确定是哪一个导致了问题，您可以添加一个新的样式，只有在打印时才会生效。

将其添加到CSS文件中，例如：

@media print and (color){
    #lesson-fragment, [role="document"] {
        width: 100%;
        max-width: 100%;
    }
}

您还可以在@media打印代码中放置其他特定的打印样式。就像您只想在打印时更改字体大小或颜色一样。