Entry: main  << >>
print.css 印刷用CSSの作成方法
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 { 〜 } で括られた範囲内のスタイル指定が全て無視される。」というバグがあるため、MacIEで、適用されません。
CSSが適用されないので、MacIE用にもう一枚用意するか、MacIEをサービス対象外とするしかありません。

12:18 | comments(0) | - | - | -
Comment








Calendar

     12
3456789
10111213141516
17181920212223
24252627282930
31      
<< December 2017 >>

Recommend

Search

Entry

Comment

  • リンク元のページに戻るボタン(PHP)
    Tadashi (03/13)
  • サイト全体をメンテナンスページに切り替える単純な方法
    yo5kg (06/06)
  • 再配布不可識別子の入れ方
    jumbo (04/25)
  • Foma901シリーズ用 デコメテンプレートをPCで作成する方法
    ぐみ (12/11)
  • 再配布不可識別子の入れ方
    eguti (06/04)
  • ナビゲーションをul、liで作成する時
    ビジログ (03/09)
  • 再配布不可識別子の入れ方
    nana (02/02)
  • 再配布不可識別子の入れ方
    TOM (01/22)
  • Foma901シリーズ用 デコメテンプレートをPCで作成する方法
    pon (11/09)
  • Foma901シリーズ用 デコメテンプレートをPCで作成する方法
    pon (11/09)

Archives

Category

Link

Feed

Others

無料ブログ作成サービス JUGEM

Mobile

qrcode