CSSで印刷には表示されないようにする方法

ウェブでは表示したいけど印刷の時は不要（追従ヘッダーとか全部のページに印刷されてしまう）なものを印刷時だけ非表示にする方法です。

CSSだけで実装可能です。

1. @media print{
2.     .print_none{
3.         display: none;
4.     }
5. }

消したい要素に「print_none」のクラスを付ければOK！

1. <p>このpは印刷時に表示される</p>
2. <p class=”print_none”>このpは印刷時には表示されない。</p>