カテゴリー: 参考サイト

サイトの情報を印刷して利用する場合にヘッダーやフッターなどが入って欲しい情報の必要以上にデータ量が多く紙の無駄が発生するので、印刷に適したサイトにするのも良いと思います。

ってな事で、まずはサーチです。

CSS で印刷用のスタイルを設定できる

このサイトでは印刷用のスタイルの設定方法からブラウザの開発ツールを使用したデバッグの方法まで書いててすごい役に立ちます。

<style media="print">
  .no-print {
    display: none;
  }
</style>

という事で、基本的には以下のコードをCSSで使うという事です。print.cssというプリンター用のCSSでまとめてやるのも良いですね。