その他
    ホーム 技術発信 DoRuby IE6でのwebページ印刷時に幅指定をするCSS

    IE6でのwebページ印刷時に幅指定をするCSS

    この記事はアピリッツの技術ブログ「DoRuby」から移行した記事です。情報が古い可能性がありますのでご注意ください。

    通常、IE6で649px以上のwebページを印刷する場合、途中で切れて印刷されてしまいます。(Firefoxは賢いので切れずにちゃんと印刷してくれます)

    webサイトを作ったはいいが「うまく印刷できない」と言われた時、印刷用の『CSSを用意すればいい』なんて話はよく聞きますが、印刷の為だけにCSSを書き換えるのは手間がかかります。

    そこで、今回はIE6で簡単にwebページを縮小して印刷してくれるCSSを紹介します。

    CSS
    @media print {
    body {
    zoom: 80%;
    }
    }

    上記記述をCSSに追加するだけです。

    あとは印刷時にどれくらい縮小させるかを%で指定して下さい。

    ※zoomタグはIE規格なのでFirefoxには適応されません。

    モバイルバージョンを終了