head内に <link rel="stylesheet" href="common.css" type="text/css" media="screen,tv" /> <link rel="stylesheet" href="print.css" type="text/css" media="print" /> と記述。 →common.cssはWEB上適用されるCSS →print.cssは印刷時用に適用されるCSS common.cssの中身は @media screen{ /*この中にCSSを記述*/ } print.cssの中身は @media print{ /*この中にCSSを記述*/ } WEBでは表示されているけれども、印刷用には表示したくない時は、 .side { display:none; } とすればよい。 ただしMac IEで「@media type { 〜 } で
![print.css 印刷用CSSの作成方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/2302e44c95c7e474fefb218540004f95dc47a4bb/height=288;version=1;width=512/https%3A%2F%2Fimaging.jugem.jp%2Ftemplate%2Fimg%2Fjugem_og-image.png)