印刷プレビュー前のページフォーマット

Question

背景の色がプレビューに含まれないことを示すページをプレビューするように尋ねる前に、表示する背景を持つ書式のようなページを作成しようとしています。あなたは

 <script> 
     function printContent() { 
      var page = document.getElementById("page"); 
      var btn = document.getElementById("grey"); 

      btn.style.visibility = 'hidden'; 
      page.style.borderStyle = 'none'; 
      page.style.margin = 'auto'; 

      window.print(); 
      btn.style.visibility = 'hidden'; 
     } 
     </script> 
     <div id="source-button" class="btn btn-primary btn-xs" style="display: none;">&lt; &gt;</div></div><!-- /example --> 

Answer 1

あなたは機能を印刷@media CSS を使用することができますありがとうございました。 JSを使用する代わりに、CSSを使用します。

<style type="text/css"> 
    @media print{ 
      .btn{display:none} 
      .page{margin:auto} 
} 
</style> 

Answer 2

私はそれがあまりにも

@media print { 
    .btn { 
    display: none; 
    } 
} 

ブラウザアクション（例えば）を使用するユーザーに影響します、このため print stylesheetを使用してお勧めしたい