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

Question

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

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

一个完全随机的例子: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提供“关于浏览器应如何将内容分成页面的说明”以及许多其他打印样式。