画面と紙
2017-10-09
どうも、氷翠です。
画面で見るWEBサイトと、紙で印刷したWEBサイト。
サイトはmedia queryによって、大きさが変化する仕様になっています。
そんな中でプリントしようとすると、横幅が一番小さな状態でプリントされてしまう。
そんな現象。
ということで、やはりそれぞれのスタイルシートを用意しなくてはいけない。
<link rel="stylesheet" type="text/css" href="./pc_style.css" media="screen"> <link rel="stylesheet" type="text/css" href="./print_style.css" media="print">
「media」属性のところは「all」にしたいところだけど、今回上記のように分けることになりました。
氷翠としては不本意だけど、こればかりは仕方がない。
必要なのだから。
こうすることで、プリント用のスタイルが印刷時に適用されて、画面と同じ感じでプリントできました☆
まぁ、仕事上だと「不本意」はいっぱいあるよねw
コメントを残す