2009-10-09 18 views

risposta

4

Salam.

guarda a questo esempi CSS3 da http://www.w3.org/TR/css3-page/#size:

/* 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 anni di ritardo, ma le specifiche hanno finalmente raggiunto! –

11

È possibile farlo in CSS utilizzando la direttiva , non è richiesto js. Dovrai calcolare quali dimensioni si riferiscono a una scheda di indice 4x8 e fare tutto da te, ma funzionerà. Inoltre, poiché questo è CSS2 non funzionerà in IE6. (vedere i commenti di Joel)

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

aspetta, cosa? Sono abbastanza sicuro di aver usato selettori @media con IE 6 in passato. –

+0

Questa pagina sembra indicare che funziona con IE fin dalla versione 4: http://www.codestyle.org/css/media/print-BrowserSummary.shtml –

+0

CSS supporta pollici come unità di misura per altezza e larghezza come beh ... quindi @media stampa { corpo { larghezza: 4 pollici; altezza: 8 pollici; } /* etc */ } Dovrebbe funzionare bene, no> –

Problemi correlati