WEB画面の見た目と、印刷の見た目を同じにしてほしいというクライアントの要望から、レイアウト的に厳しいかったので、
見た目のキャプチャを1枚画像にして、print.cssでその画像をdisplay block それ以外をdisplay noneにして対応を検討しております。
(更新が入ったら、画像を作りなおさないといけないのは承知の上で)
すると、Firefoxのプレビューだけが、なぜか画像が途中までしか表示しなかったり、全く表示しなかったりします。
プレビュー画面中でスクロールすると表示されたりします。
このような症状や、印刷用CSSの作り方の問題点など、
詳しい方ご教授おねがいします。
みんなの回答 6 件
たまにいるよねこういうクライアント。
印刷対応って面倒くさいよなー
印刷対応は、モダンブラウザに限定しても、各ブラウザで仕様がかなり違うので、突き詰めるならば、かなりコストの高い作業になる。更に、WEB画面と印刷結果で全くの同じ結果を目指すと、WEB画面の方でかなり妥協したレイアウトにせざるを得ない部分があるので、ひとことで言えば本末転倒な作業。
適当につくったWEBサイトに、後付の印刷用CSSで対応できると思っているとしたら、そこが間違っている。最初から印刷用CSSで設計すべき。
FireFoxって画面外のもの印刷してくれないよね。
1枚じゃなくスプライトとして細切れに並べれば?
GoogleMapsの地図画像みたいにさ。
たしか一枚の画像が何ピクセルの高さか決まっていたはず。
分割して、なおかつ、画像同士の間に余白が入らないように気をつけるべし。
印刷ボタンを押されたらサーバー側でレンダリングした結果を返せばOK
ヒント:usemap
関連するトピックス