WEB画面と印刷時の画面を同じようにするには

Question

作成したWEBサイトをパソコンで見るのと、
印刷プレビューなど印刷時の画面で見るのとではデザインなどが違って表示されてしまいます。
同じように見えるようにするにはどのようにすればよいでしょうか？

Answer 1

印刷用CSS（@media print）を確認・デバッグする方法
印刷用に別CSSを当てる必要があります。
色々やり方はありますが、通常のCSS内で@import url("print.css") print;を使って印刷用CSSを読み込むのが既存のHTMLなどをいじらず楽かと。