IE6, IE7 で横幅を A4 に合わせて縮小する CSS

ウェブページを A4 に印刷する時、IE8, Firefox, Safari なんかはブラウザ側で横幅を自動縮小してくれます。

ただ、IE6, IE7 には自動縮小の機能が無いので、CSS スタイルを書いて対応すると良いそうです。

IE6, IE7 で横幅を A4 に合わせて縮小する CSS
———————————————————————-

次のコードをスタイルシートファイルに加えます。

/* IE6, IE7 用印刷設定 */
@media print{
body {
*zoom: 67%;
}
}

ただのメモの為、上記のコードは検証していません。スミマセン…。

参考にさせてもらったページ
———————————————————————-

– [IE6、7用対応:A4サイズで印刷出来るスタイルシート指定ページ|無限の翼](http://mtw.cocotte.jp/blog/diary/html/2009/05/07-2234.php)
– [[CSS]わずか四文字でIE6/7/8を区別するCSSハック | コリス](http://coliss.com/articles/build-websites/operation/css/css-quick-tip-css-hack-target-ie6-ie7-ie8.html)
– 同僚のK様

ありがとうございます!

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です