bootstrapで作ったレスポンシブのウェブサイトを印刷しようとすると、IEではスマホ向けのxsサイズのレイアウトになってしまいます。(細かい崩れなどはたくさんあるのですが、ここが一番の問題点となっております)
印刷時のviewportなどを設定する方法は無いのでしょうか??ご教授いただけると助かります。
@media print で指定する
print.cssや@media printで個別対応する方法はわかるのですが、これだとほぼ同じcssの記述はweb用とprint用の2箇所に増えてしまうため、できれば避けたいと思っています。
<link href="hoge.css" rel="stylesheet" media="screen,print and (max-width: _px)">ではどうでしょう?
@media printで上書きするしかないのかもしれませんね。
俺もこれ困ったが、もう諦めた(笑)。@media print { container: 970px; }とかで解決すると思ったが、ムリだった。印刷は特に重要視されてなかったのでそれ以上検証はしてないが、どうもめんどくさいっぽい。上のURLで紹介してるCSSも使ってみたが、どうもなぁ。
みんなの回答 3 件
@media print で指定する
@media printで上書きするしかないのかもしれませんね。
Render Bootstrap as "small" layout when printing
https://gist.github.com/donnierayjones/6fd9802d992b2d8d6cfd俺もこれ困ったが、もう諦めた(笑)。
@media print { container: 970px; }
とかで解決すると思ったが、ムリだった。
印刷は特に重要視されてなかったので
それ以上検証はしてないが、どうもめんどくさいっぽい。
上のURLで紹介してるCSSも使ってみたが、どうもなぁ。
関連するトピックス