ID:Qh24YG さんの質問

bootstrapで作ったレスポンシブのウェブサイトを印刷しようとすると、IEではスマホ向けのxsサイズのレイアウトになってしまいます。
(細かい崩れなどはたくさんあるのですが、ここが一番の問題点となっております)

印刷時のviewportなどを設定する方法は無いのでしょうか??
ご教授いただけると助かります。

みんなの回答 3 件

ID:839ves さんの回答

@media print で指定する

ID:Qh24YG

print.cssや@media printで個別対応する方法はわかるのですが、これだとほぼ同じcssの記述はweb用とprint用の2箇所に増えてしまうため、できれば避けたいと思っています。

ID:839ves

<link href="hoge.css" rel="stylesheet" media="screen,print and (max-width: _px)">ではどうでしょう?

ID:B/u4q0 さんの回答

@media printで上書きするしかないのかもしれませんね。

Render Bootstrap as "small" layout when printing

https://gist.github.com/donnierayjones/6fd9802d992b2d8d6cfd
ID:gJl9YB さんの回答

俺もこれ困ったが、もう諦めた(笑)。
@media print { container: 970px; }
とかで解決すると思ったが、ムリだった。
印刷は特に重要視されてなかったので
それ以上検証はしてないが、どうもめんどくさいっぽい。
上のURLで紹介してるCSSも使ってみたが、どうもなぁ。

最終更新日:2015-05-26 (5,778 views)

関連するトピックス

ページ上部に戻る