-
ID:Toe7dB さんの質問

WEB画面の見た目と、印刷の見た目を同じにしてほしいというクライアントの要望から、レイアウト的に厳しいかったので、
見た目のキャプチャを1枚画像にして、print.cssでその画像をdisplay block それ以外をdisplay noneにして対応を検討しております。
(更新が入ったら、画像を作りなおさないといけないのは承知の上で)

すると、Firefoxのプレビューだけが、なぜか画像が途中までしか表示しなかったり、全く表示しなかったりします。
プレビュー画面中でスクロールすると表示されたりします。

このような症状や、印刷用CSSの作り方の問題点など、
詳しい方ご教授おねがいします。

みんなの回答 6 件

ID:H6/nYD さんの回答

たまにいるよねこういうクライアント。
印刷対応って面倒くさいよなー

ID:08Hl6w

回答しろやこら 感想じゃなくて

ID:Toe7dB

そうですね。しかも後出しで言われたりする事が多いから。。。
最初に確認すべきですよね。

ID:qj3qOY さんの回答

印刷対応は、モダンブラウザに限定しても、各ブラウザで仕様がかなり違うので、突き詰めるならば、かなりコストの高い作業になる。更に、WEB画面と印刷結果で全くの同じ結果を目指すと、WEB画面の方でかなり妥協したレイアウトにせざるを得ない部分があるので、ひとことで言えば本末転倒な作業。
適当につくったWEBサイトに、後付の印刷用CSSで対応できると思っているとしたら、そこが間違っている。最初から印刷用CSSで設計すべき。

ID:Toe7dB

WEBを適当には作ってないけど、後付の印刷CSSで対応しようとしてる所ですw
最初に確認すべきですが、なかなかそこまで聞けない場合があります。

ID:Fg04l1 さんの回答

FireFoxって画面外のもの印刷してくれないよね。


  • 1枚じゃなくスプライトとして細切れに並べれば?
    GoogleMapsの地図画像みたいにさ。

ID:Toe7dB

スプライトって、ほとんどやったことないですが、背景でやるんですよね?
印刷の場合って、デフォルトで背景を印刷するのチェックが入って無い事があるから、背景は敬遠しているのですが。
どうでしょうか?

ID:vH.tw5

背景ではどのみち1枚しか表示できないから画面サイズのブロック要素を一番下に敷いて表示非表示切り替える感じになると思うよ。
まぁ、俺もやった事あるわけじゃないからそれで解決するかもわからんけどさ。

ID:/6kivV さんの回答

たしか一枚の画像が何ピクセルの高さか決まっていたはず。
分割して、なおかつ、画像同士の間に余白が入らないように気をつけるべし。

ID:Toe7dB

Firefoxは、1枚画像の高さに上限があるという意味でしょうか?

また、背景じゃなく、1枚の画像を数枚に分けてスライスして、タイル状に並べるという事でしょうか?

ID:zFZWE7 さんの回答

印刷ボタンを押されたらサーバー側でレンダリングした結果を返せばOK

ID:Toe7dB

えっと印刷できればOKという意味でしょうか?
ちなみに、印刷自体はできます。
FireFoXでプレビューができないという現象です。

ID:zFZWE7

そういったのは我々がどうこうすべき問題では無いでしょ。
実際裏はブラウザのバグかGPUのバグか、それらの相性の問題かもしれないけど、
もはやある意味その環境のクセみたいなもので、仕様でしょ。
例えば映りが不安定で、叩いたら直るようなテレビがあったとして、それを放送局が考慮すると思う?

ID:q2rZGI

ウザいな

ID:pv82T8

なんか全部当たってこないんだよな。Hヘタだろ、絶対。

ID:qj3qOY

各ブラウザの仕様を追って回ってもキリがないから、サーバー側で一律の結果を生成したほうが健全ですよって言ってるんだと思うよ。

ID:O0keq2 さんの回答

ヒント:usemap

最終更新日:2015-02-21 (6,968 views)

関連するトピックス

ページ上部に戻る