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

我absolutetly新手关于CSS。感谢您的帮助。

Answer 1

此问题似乎与您的“文档”div上的最大宽度有关。根据屏幕大小，您将它设置在css文件中的多个不同位置。我会一一浏览它们，找到影响打印文件的文件。您需要将最大宽度设置为100％。最大宽度小于100％会导致打印效果变窄。

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

添加到您的CSS文件，例如：

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

你也可以把其他特定打印样式的@media打印代码内。就像如果你想只在打印时改变字体大小或颜色一样。