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

问题似乎与您的＆＃34;文档＆＃34;上的 max-width 有关。 DIV。您可以根据屏幕大小在css文件中的几个不同位置进行设置。我将逐个浏览它们，找到影响打印文件的那个。您需要将最大宽度设置为100％。最大宽度小于100％是导致它打印窄的原因。

一旦确定哪一个导致了问题，您就可以添加一种仅在您打印时生效的新样式。

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

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

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

css可打印尺寸和pdf

1 个答案: