6

私の要件は、印刷時にすべてのページに10cmのマージンを提供することです。

を使用して印刷してwindow.print()います。私のウェブページは動的に増加します（したがって、ページ数を決定することはできません）。すべてのページについて、10cmのマージンを提供する必要があります。

私はCSSを使用Media="Print"し、その中でスタイルを定義しました。

  @page
  {
     Margin-top :10cm; 
  }

これは、Mozillafirefoxを除くすべてのブラウザで機能します。私は解決策を探しました、そしてすべてのブログはMozillaはサポート@pageしないと言っていますが、解決策はありません。誰かがこれについて私を助けることができますか？Mozillaに実装することは可能かどうか教えてください

4

2 に答える 2

4

申し訳ありませんが、あなたの質問はかなり古いものですが、同じ問題について私が持っていたグーグルクエリに表示されました。

このリンク（https://developer.mozilla.org/en-US/docs/Web/CSS/@page）によると、完全を期すために、投稿後の19.0以降Firefoxでサポートされています...

于 2014-03-28T16:47:35.453 に答える
0

Firefoxのようにプレフィックス付きの@documentを使用してみてくださいmoz@-moz-document

@ -moz-documentルールは、ドキュメントのURLに基​​づいて、その中に含まれるスタイルルールを制限するGecko固有のatルールです。これは主にユーザースタイルシート用に設計されています。@ -moz-documentルールは、1つ以上の一致する関数を指定できます。いずれかの機能が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と一致します
  • url-prefix（）。これは、ドキュメントのURLが指定された値で始まる場合に一致します
  • domain（）。ドキュメントのURLが指定されたドメイン（またはそのサブドメイン）にある場合に一致します
  • regexp（）。これは、ドキュメントのURLが指定された正規表現と一致する場合に一致します。式はURL全体と一致する必要があります。
于 2012-08-03T09:16:39.357 に答える