CSS @media打印计数器（页面）问题

Question

我在媒体打印中遇到有关内容：计数器（页面）的问题。 如果页边距设置为0，则页面的计数器消失：

  @page {
    counter-reset: page;
    size: A4;   /* auto is the initial value */
    margin: 0;  /* this affects the margin in the printer settings */
    @top-right {content: counter(page);}
    }

另一方面，如果我不使用设置为0的边距，则页面的角上会出现其他不需要的元素，例如网站URL，标题和当前日期。

我想知道是否有一种方法可以在使用margin：0之后使计数器页面显示，或者如果我不使用margin 0可以隐藏其他3个元素。

任何帮助或建议将不胜感激！

Answer 1

您是否只尝试将下边距和上边距设置为0？

margin-bottom:0;
margin-top:0;

Answer 2

显然，由于打印视图设置是基于用户的，因此您只能做很多事情。

使用margin：0;并使所有4个元素（当前日期，网站标题，页面计数器和网站URL）消失，或照原样使用它们。

关于window.print（），浏览器也有一些区别。命令，Mozilla和Internet Explorer 11没有打印视图，而是下载pdf。