为什么 CSS 页码在 Chrome、Firefox 和 IE9 中不起作用？

浏览器对 CSS 页码的支持

尽管 CSS 被广泛使用，但浏览器对其功能的支持可能有所不同。 CSS 页码是一项兼容性有限的功能，旨在将页码添加到网页的打印版本中。使用 CSS 设置页码是一个相对简单的过程，如提供的代码片段所示：

@page {
  @bottom-right {
    content: counter(page) " of " counter(pages);
  }
}

不幸的是，根据收到的响应，该技术在 Chrome、Firefox 等流行浏览器上遇到了问题和 IE9 尝试打印网页时。缺乏功能的原因在于浏览器对边距框的支持有限，如上下文中所述：

No wonder it wouldn't work! ... Getting this implemented would save me the overhead of having to convert the printed media to PDF.

引用的标题为“布局引擎比较（级联样式表）”的维基百科页面提供了进一步深入了解浏览器对各种功能（包括边距框）的有限支持。在边距框获得浏览器更全面的支持之前，通过 CSS 实现页码编号仍将是一个挑战。

以上是为什么 CSS 页码在 Chrome、Firefox 和 IE9 中不起作用？的详细内容。更多信息请关注PHP中文网其他相关文章！