如何在@media print中使用页码进行打印？

Question

我已经寻找这个答案有一段时间了，但找不到任何可以正常工作的东西。我有这两个想法，看起来在很长一段时间内根本行不通：

1. @page一种使用with 的方法bottom-right。关联

2. 使用固定页脚的方法。（据说可以在 Firefox 中使用）链接

还有其他办法吗？

Answer 1

经过一段时间的研究，我想我在这里得到了一些东西，仍然需要在不同的浏览器中进行一些测试，也许还需要一些完善。目前，我已经在 Chrome 中进行了测试，似乎运行良好。

基本上，将这两种技术混合在一起，我能够创建这个想法，即在工作中h3为每个页面复制（加载） a p（这样它就可以为每个页面运行足够的时间）。他们都做了position: absolute，每个人都减去了100vh，所以他们到了另一页的底部。

这是：JSFiddle - 没有页面总计

编辑

这是一个能够显示页面总数的新版本：JSFiddle - With Page Total

希望这有一些用处！