レスポンシブwebデザインの印刷設定

レスポンシブのwebサイトで、印刷したらレイアウトが崩れた。
対応策。
以下の例だと、768px以上のデバイス幅での表示レイアウトで印刷するようにする。

CSSで、

@media screen and (min-width: 768px){

となっているところに、

@media print, screen and (min-width: 768px){

print,の記述を追加する。

本当は印刷用CSSを設定するのが一番いいんだけどね。