使用HTML / CSS将内容缩小到可打印页面

Question

是否有一种方法可以强制Web浏览器缩小，缩小字体或压缩HTML / CSS定义的内容页面中的内容大小以适合打印页面？

我正在尝试将文档从各种Web存储库打印为PDF或硬拷贝格式。这些文档通常具有页码，就像打印的文档一样。不幸的是，存储库中可用的Web版本在打印时经常与分页不匹配。

一个完全随机的示例：https://www.sec.gov/Archives/edgar/data/1392097/000095013607001902/file1.htm

通过其他线程进行搜索，我拼凑了以下代码，该代码成功定义了页面大小并使打印的文档在新页面的开头处的适当位置包含分页符：

<style>
.pageA4 {float:none; page-break-before:always; body{width:210mm; height 297mm; margin-left:auto; margin-right:auto;}
</style>
...
<div class="pageA4">
Content content content
</div>

但是，当内容超过A4页面大小时，多余的内容会溢出到下一页。它会一直持续到打到/ div标签为止，然后下一个div视情况从下一个打印页面的顶部开始。

我希望能够使任何超大尺寸的页面缩小以适合A4，以使打印文档的分页与文档内容中出现的页面相匹配。

Answer 1

您可能要使用

@media print {
 /* styles go here */
}

HTML5 Boilerplace CSS提供了“有关浏览器如何将内容分成页面的说明”以及许多其他打印样式。