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サイズで印刷出来るスタイルシート指定ページ｜無限の翼

• [CSS]わずか四文字でIE6/7/8を区別するCSSハック | コリス

ありがとうございます！

現場からは以上です。それでは、またッ！！！

だるかぶ

最後までお読みいただきありがとうございます！ スキ・コメント・シェア・フォローなどで応援いただけると『だるかぶ』のやる気がアップします！

記事内容の修正について記載している内容は記事執筆時の情報です。 できるだけ最新情報を掲載するようにしていますが、情報が間違っている場合は「コメント」でご指摘いただけるとありがたいです。