2009-10-09 10 views

答えて

4

サラム。 http://www.w3.org/TR/css3-page/#sizeからこのCSS3の例で

ルック:

/* style sheet for "A4" printing */ 
@media print and (width: 21cm) and (height: 29.7cm) { 
    @page { 
     margin: 3cm; 
    } 
} 

/* style sheet for "letter" printing */ 
@media print and (width: 8.5in) and (height: 11in) { 
    @page { 
     margin: 1in; 
    } 
} 

/* A4 Landscape*/ 
@page { 
    size: A4 landscape; 
    margin: 10%; 
} 
+3

6年遅れてしまったが、スペックは最終的に追いついた! –

11

@media print指示文を使用してCSSでこれを行うことができます.jsは必要ありません。あなたは4x8のインデックスカードに関係するサイズを計算し、すべてのポジショニングを自分で行う必要がありますが、それは機能します。 また、これはCSS2なのでIE6では動作しません。(Joelのコメントを参照)

@media print { 
    body { 
    width: /*width of index card*/ 
    height: /*height of index card*/ 
    } 
    /* etc */ 
} 
+0

待って、何?私は、私が過去にIE 6で正常に@mediaセレクタを使用したことを確信しています。 –

+0

このページは、バージョン4までのIEで動作することを示しているようです:http://www.codestyle.org/css/media/print-BrowserSummary.shtml –

+0

CSSは、高さと幅の測定単位としてインチをサポートしています。よく... so @media print { ボディ{ 幅:4in; 身長:8in; } /* etc */ } 正常に動作するはずです。> –

関連する問題