●問題
ユーザーが印刷すること前提のwebページを制作する時、
メニュー等を印刷時 には表示させなくしたい。
●解決法
<head>内でcssを読み込む時、最後にmedia="print"とすれば、
そのcssは印刷時のみ適用されることになる。
そのcssに表示させたくない要素にdisplay:noneを適用すればOK
cssの優先度に気を付ければ問題ないと思う。
●その他
mediaプロパティにはprintの他に、テレビや携帯電話に対応させるものもあるらしいけど、
使う事はあんまりないような気がする。
ユーザーが印刷すること前提のwebページを制作する時、
メニュー等を印刷時 には表示させなくしたい。
●解決法
<head>内でcssを読み込む時、最後にmedia="print"とすれば、
そのcssは印刷時のみ適用されることになる。
そのcssに表示させたくない要素にdisplay:noneを適用すればOK
cssの優先度に気を付ければ問題ないと思う。
●その他
mediaプロパティにはprintの他に、テレビや携帯電話に対応させるものもあるらしいけど、
使う事はあんまりないような気がする。