Question

我的要求是在打印时为所有页面提供 10厘米的空白。

我正在使用window.print()进行打印。我的网页会动态增加（因此无法确定页数）。对于我需要提供10厘米边距的所有页面。

我使用了CSS Media="Print"，我在其中定义了样式：

  @page
  {
     Margin-top :10cm; 
  }

这适用于所有浏览器，但Mozilla firefox 除外。我搜索了解决方案，所有博客都说，Mozilla不支持@page，但不支持解决方案。有人可以帮我吗？请让我知道是否可以在mozilla中实现

Answer 1

抱歉，我知道您的问题已经过时了，但是我出现了针对同一问题的谷歌查询。

根据这个链接（https://developer.mozilla.org/en-US/docs/Web/CSS/@page），自19.0以来它在Firefox中得到支持，这是在你的帖子之后，只是为了完整...

Answer 2

尝试将@document与moz前缀@-moz-document用于 Firefox

@ -moz-document规则是一个特定于Gecko的规则，它根据文档的URL限制其中包含的样式规则。它主要是为用户样式表设计的。 @ -moz文档规则可以指定一个或多个匹配函数。如果任何功能适用于URL，则该规则将对该URL生效。

示例：

@-moz-document url(http://www.w3.org/),  
           url-prefix(http://www.w3.org/Style/),  
           domain(mozilla.org),  
           regexp("https:.*")  
{  
  /* CSS rules here apply to: 
     + The page "http://www.w3.org/". 
     + Any page whose URL begins with "http://www.w3.org/Style/" 
     + Any page whose URL's host is "mozilla.org" or ends with ".mozilla.org" 
     + Any page whose URL starts with "https:" */  

  /* make the above-mentioned pages really ugly */  

     @media print{
         body { margin-top :10cm; }
     }       
}

可用功能：

url（），匹配确切的网址
url-prefix（），如果文档URL以提供的值开头，则匹配
domain（），如果文档URL位于提供的域（或其子域）上，则匹配
regexp（），如果文档URL与提供的正则表达式匹配，则匹配。表达式必须与整个URL匹配。

@page Css样式不适用于Mozilla firefox

2 个答案: