2009-10-09 10 views

Respuesta

4

Salam.

vistazo a este CSS3 ejemplos de 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 años demasiado tarde, pero la especificación finalmente ha alcanzado! –

11

Puede hacer esto en CSS utilizando la directiva @media print, no se requieren js. Deberá calcular qué tamaños se relacionan con una tarjeta de índice de 4x8 y hacer todo el posicionamiento usted mismo, pero funcionará. Además, como se trata de CSS2, no funcionará en IE6. (ver los comentarios de Joel)

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

espera, ¿qué? Estoy bastante seguro de haber utilizado @media selectors con éxito con IE 6 en el pasado. –

+0

Esta página parece indicar que funciona con IE desde la versión 4: http://www.codestyle.org/css/media/print-BrowserSummary.shtml –

+0

CSS admite pulgadas como una unidad de medida de alto y ancho como bien ... entonces @media print { cuerpo { ancho: 4 in; altura: 8 in; } /* etc * /} debería funcionar bien, no> –

Cuestiones relacionadas