この記事はアピリッツの技術ブログ「DoRuby」から移行した記事です。情報が古い可能性がありますのでご注意ください。
通常、IE6で649px以上のwebページを印刷する場合、途中で切れて印刷されてしまいます。(Firefoxは賢いので切れずにちゃんと印刷してくれます)
webサイトを作ったはいいが「うまく印刷できない」と言われた時、印刷用の『CSSを用意すればいい』なんて話はよく聞きますが、印刷の為だけにCSSを書き換えるのは手間がかかります。
そこで、今回はIE6で簡単にwebページを縮小して印刷してくれるCSSを紹介します。
CSS
@media print {
body {
zoom: 80%;
}
}
上記記述をCSSに追加するだけです。
あとは印刷時にどれくらい縮小させるかを%で指定して下さい。
※zoomタグはIE規格なのでFirefoxには適応されません。