Logicky Blog

Logickyの開発ブログです

HTMLの印刷時の注意

  • IEでは幅649pxまでしか印刷できないのでそれ以内にする必要がある。あるいはwidth:autoにする。
  • media="print"設定のスタイルシートをつくって、display: none;を設定することで印刷時に不要な箇所を削除できる。
  • 背景画像・背景色はデフォルトでは印刷されない。
  • 透過PNGはデフォルトでは印刷されない
  • しかし、CSSで、bodyとかに、-webkit-print-color-adjust: exact;という設定をするとchrome(safariもっぽい)では背景画像等が印刷されるようになる。
  • 通常のcssの後に印刷用cssをつける(後の方が優先される為)
  • ヘッダー・フッターなどはブラウザの機能であるため、URLを印刷しないなどの設定はブラウザ側で対処する必要がありHTML,CSS等での制御は基本できない
  • 強引的手法としてCSS上で、背景画像をbackground-imageではない方法で表示させることで印刷時にも表示させるようにすることが可能らしい。でも背景色は無理なんだろうから微妙。

紙サイズ(A4等)とpxの関係

紙サイズ一覧Web対応版参照

  • A4は、792×1120(px)