印刷時にレイアウトを変更するcss
Rubyのオンラインマガシン「るびま」を印刷していて気がついた。画面左側にあるサイドバーが印刷には出てこない。これは不思議。cssを見てみると,こんな記述があった。
/* for printer */ @media print { div.adminmenu { display: none; } (以下略) }
調べてみると,この「@media」というのはメディアタイプと呼ばれるもので,異なる出力媒体で表現を切り換えるためのものだと分かった。「@media print」としておけば,印刷時のレイアウトを指定できるのだ。るびまはここでサイドバーの表示をオフにしている。これを使うと,フォントサイズを調整したり,背景色を印刷用にしたり,書体を明朝系にしたり,いろんなことができる。知らなかったなー。