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

Question

有没有办法强制web浏览器缩小、缩小字体或以其他方式压缩HTML/CSS定义的内容页面中的内容大小，以适应打印页面？

我正在尝试将各种网络存储库中的文档打印为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提供了"浏览器应如何将内容分解为页面的说明"以及许多其他打印样式。