Entry: main  << >>
幅広のページを、切らないでプリントさせるCSS
ページを幅750pxくらいで作れればよいのですが、最近は幅広のページを作成する機会も増えてきました。そのままだとIEでは、プリントで右端が切れてしまいます。

IEで、切れないように縮小させてプリントさせるCSSサンプルです。

HTMLファイル
<html>
<head>
<title>テスト</title>
<link rel="stylesheet" type="text/css" media="print" href="print.css">
</head>
<body style="margin:0px 0px 0px 0px;">

<div style="width:950px;height:1000px;border:1px solid #000000;">プリントしたときに、縮小して全体を入れるためのCSS</div>

</body>
</html>


CSSファイル
@media print{

body{ zoom: 70%; }


スタイルシートの「ZOOM」を使います。
IEのみ有効です。
12:56 | comments(0) | - | - | -
Comment








Calendar

    123
45678910
11121314151617
18192021222324
25262728   
<< February 2018 >>

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