印刷用CSSの指定方法

ブラウザからの印刷は、通常のブラウザ表示にあわせて設定したスタイルシートでは、大抵思ったように印刷されないことがあるので、印刷される可能性があるページの場合は、別途印刷用のスタイルシートを用意した方がよい。

A4用紙に収まりきらない場合は、zoomプロパティを使用して縮小指定をするのが有効。しかし使用する際は、zoomはIE独自仕様なのでW3Cではエラー表示となることを前提として理解しておくこと。

状況に応じて印刷される必要性の低いメニューを「display: none」で非表示や、フォントサイズの調整などを適宜おこなう。

/* Print Mode Set Up
-------------------------------------------- */
@media print {

  body {
    zoom:0.8;
    font-size: 120%;
  }
  menu {
    display: none;
  }

}