【解放区在住氷翠 緑の閃光】氷翠のお気楽日記

画面と紙

2017-10-09 20:40

HTML+CSS > 開発

どうも、氷翠です。

画面で見る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

コメントを残す

メールアドレスが公開されることはありません。