Q&A
対象ブラウザは何ですか？ また、問題の起こるHTML、CSSはあるでしょうか？
webサイトをブラウザから印刷する際、長さに関わらず、
ページ全体を縮小することでA4の1枚に必ず収まるようにしたい。
viewportは使用できません。
zoomは、試してみたんですが、文字サイズやコンテンツの大きさが変わらず、重なってしまったりして崩れてしまいました。
追記 ===================
店舗ごとのページを印刷することを想定しているので、
PDFをセットする方法だと、店舗全てのPDFを作って店舗が増えるたびに制作しなければならなくなってしますので、
できれば別の方法でやりたいと思っています。
どなたかご存知の方がいればお願いいたします。
コメント有難うございます！
対象ブラウザは基本的には全てのブラウザを対象にしたいと思っています。
HTML内で<meta name="viewport" content="width=device-width,initial-scale=1">の記述をすでにしてしまっているので、 content="width=device-width,initial-scale=0.5"などのようにして縮小することができません。
それから、自分がそこまでマークアップに詳しくないというのも問題です！
＞A4の1枚に必ず収まるようにしたい。 → 「店舗情報を印刷する人」は、どのような人を対象と想定していますか？ その対象となる人がもし、視力が弱まった人で「縮小されたA4印刷」で嬉しいでしょうか？ 全ての店舗データが「縮小されない」のであれば良いですが、縮小されて見難いのは「客離れ」の原因になる可能性があります。
回答4件
0
maisumakun さん
oikashinoa さん
papinianus さん
hectopascal1013 さん
x_x さん
yoshinavi さん
昨日のうちに返答をできなくて申し訳ありません。
「そもそも小さ過ぎで読めなくて、遠くて行かない店舗の情報をもらって嬉しいですか？」というご意見や、「対象となる人がもし、視力が弱まった人で「縮小されたA4印刷」で嬉しいでしょうか？」という意見などを参考にさせていただき、印刷したA4には不要なページ内の要素を非表示にし、テキストや画像などを縮小することなくA4用紙に収まるコンテンツ量に統一することで解決とさせていただきました。
様々なご意見ありがとうございました。
投稿2018/10/05 02:09
総合スコア18
解決おめでとうございます。
質問の時は"なんの為に"を明確にすると良いです。実現難しけどBest,Betterなんだけど実現は楽 とか色んな観点で意見もらえますから。
次回から、その部分を明確にして質問させていただきます。
ありがとうございました。
0
そもそも小さ過ぎで読めなくて、遠くて行かない店舗の情報をもらって嬉しいですか？
地区ごとに9店舗までを一枚に収めて印刷対象を抑えると良いのでは？
投稿2018/10/04 10:35
総合スコア2826
0
ベストアンサー
pdfmakeとかクライアントサイドのjavascript でpdfを作ってはいかが？
フォントの再現性とか確認すべき問題がありますが、
店舗毎にすべて画像で準備しておけば問題は減るので楽だと思います。
投稿2018/10/03 14:17
総合スコア2826
0
「必ず」となれば、ぴったり収まるようなPDFをサーバサイドで用意してそれを渡す、というような手段のほうが適切だと思います。
ブラウザの印刷機能は環境ごとに癖も多く、一貫した結果を出すのはなかなか難しいです。
投稿2018/10/03 08:19
総合スコア145183
なるほどです。
すいません。
各店舗ページを印刷したいので、
50くらいある店舗の全てにPDFをセットするというやり方はあまりやりたくなくて...
言葉が足りなく申し訳ありません...
追記しておきます。
確認ですが、印刷する場所(リアルな土地)は一箇所で印刷して50店舗に配布とかでしょうか?
それとも、50店舗それぞれのプリンタでそれぞれ印刷してもらうという方法でしょうか?
うまくいくかわかりませんが、
chromeやFirefoxですと、全画面スクリーンショットを取れる拡張機能、add-onがあったりします。
https://chrome.google.com/webstore/detail/take-webpage-screenshots/mcbpblocgmgfnpjjppndjkmgjaogfceg?hl=ja
いっその事、スクリーンショットとって、それをA4に拡大縮小印刷してもらうとか?
(確実にA4に収まるかどうかは内容量次第。)
いえ、店舗で使うというより、そのページを見に来たお客さんが印刷するというイメージです。
結構難しいことを質問してしまっているようです...
すいません...
店舗ごとのページをサーバサイドで生成しているのなら、PDF作成ルーチンを1つ作ればあとは各ページからそれにリンクを貼るだけで、50個PDFを事前に用意する必要もありません。
そもそも50もの情報をA4に納めて、見れる大きさになります？
A4を49分割(7*7)にしたら相当小さいですよ。
質問者さんの回答を俟つべきかもしれませんが、50店舗分を1枚に収めるのではなく、あくまで1店舗分を1枚。ただし、各店舗ページの情報量にはばらつきがあり、かつ、50店舗分の印刷用画像をあらかじめ用意はしたくない、という意図と解釈しました。
あなたの回答
tips
プレビュー
