@page css 媒体不适用于 Chrome 和 IE答案

【问题标题】：@page css media does not work for Chrome and IE@page css 媒体不适用于 Chrome 和 IE
【发布时间】：2014-02-26 13:39:00
【问题描述】：

我有一些关于@page css 媒体标签的问题。

所以我阅读了一些 w3 和 Microsoft 编写的文档，但无论如何都没有效果。

当我使用他们说的参数时，点击链接http://msdn.microsoft.com/en-us/library/ie/ms530841(v=vs.85).aspx，它对我不起作用。

我什至找不到任何其他示例如何计算浏览器打印媒体中的页面。

谁能帮帮我？

更新

这是我的 sn-p。边距正常工作，但计数不正常。

@page {
    margin-top: 15mm;
    margin-bottom: 25mm;
    margin-left: 30mm;
    margin-right: 30mm;

    @bottom-center {
        content: "page " counter(page);
    }
}

【问题讨论】：

soo...发布一些代码怎么样？
永远不要使用 Microsoft 文档。始终使用 Mozilla 的实际规范或其他内容：developer.mozilla.org/en-US/docs/Web/CSS/@page
@Rob 客户端要求它必须仅适用于 IE，并且他们不关心所有其他浏览器。这就是问题:(
dev.w3.org/csswg/css-page/#at-page-rule
@Resource-guru.com 我看了，没用。

标签： css printing media

【解决方案1】：

CSS3 计数器必须在使用前重置

试试这个

 @page {
    margin-top: 15mm;
    margin-bottom: 25mm;
    margin-left: 30mm;
    margin-right: 30mm;

    @bottom-center {
    counter-increment: page;
    counter-reset: page 1;
        content: "page " counter(page);
    }
}

More info

【讨论】：