css printing size

UPD1. Tengo dos impresoras:css printing size

una impresora, imprime pegatinas de Thar (códigos de barras EAN13) 44mm x 23mm
una impresora LaserJet por defecto (tamaño A4)

Tengo dos páginas web.

Primera página tienen un DIV con dimensiones 44mm x 23mm enchufar en css:

@page { 
    size: 40mm 23mm; 
    overflow: hidden; 
}

Si hago clic en el navegador Print Preview me gustaría ver sólo una página con un ancho y la altura exacta (44 mm x 23 mm)

La segunda página tiene un DIV que tienen muchos datos. Debe estar restringido por ancho a A4 de ancho, pero puede tener varias páginas. Si hago clic en el navegador Print Preview, quiero ver una vista previa de tamaño A4.

¿Qué navegador lo soportan? Firefox 7 y Chrome 16.0.912 no. ¿Es posible imprimir exactamente lo que quiero con exactamente el tamaño que quiero en HTML5/CSS/etc ...

Fuente

2011-11-02 Lari13

¿Cuál es el comportamiento actual? ¿A qué te refieres con "este código no funciona"? – Kangkan

Obtengo 19 páginas en blanco en el diálogo de Vista previa de impresión de Chrome :), así que no sé por qué '19' páginas? y por qué están en blanco. Necesito una sola página con el ancho y la altura exactos. – Lari13

¿Por qué el cuerpo está configurado para visibilidad: oculto? – Kangkan

Acabo de reunir piezas de todas partes y ponerlo por completo. Está funcionando para mí:

<html> 
<head> 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script type="text/javascript" src="http://barcode-coder.com/js/jquery-ui-1.7.custom.min.js"></script> 
<script type="text/javascript" src="http://barcode-coder.com/dp.SyntaxHighlighter/Scripts/shCore.js"></script> 
<script type="text/javascript" src="http://barcode-coder.com/dp.SyntaxHighlighter/Scripts/shBrushXml.js"></script> 
<script type="text/javascript" src="http://barcode-coder.com/dp.SyntaxHighlighter/Scripts/shBrushJScript.js"></script> 
<script type="text/javascript" src="http://barcode-coder.com/js/jquery-barcode-last.min.js"></script> 

<script type="text/javascript"> 
    $(document).ready(function() 
    { 
     $("#ean").barcode("9785903979165", "ean13", {barWidth:2}); 
    }); 
</script> 
<style> 
#ean { 
    position: absolute; 
    left: 0; 
    top: 0; 
    width: 40mm; 
    height: 23mm; 
} 

</style> 
</head> 
<body> 
<div id="ean"> 
</div> 
</body> 
</html>

Fuente

2011-11-02 10:55:05 Kangkan

No, no funciona. Si cambio los valores de 'ancho' y' altura' o configuración 'tamaño de página' - en la vista previa de impresión, el tamaño de las ventanas del navegador no cambia. – Lari13

Por favor, vea UPD1 – Lari13

solución perfecta para mí, pero ¿cómo puedo imprimir más de la página con los diferentes números de código de barras –

Respuesta

Cuestiones relacionadas