imprimir css: encajar en una sola página

En mi página hay una sola imagen. Tipo de 1500x3000 px.
En la impresora, necesito que el ancho máximo de esta imagen sea el ancho de la página, así que lo hice: ancho 100% en el css, y funciona.
Pero la altura ... la vieja mierda de altura 100% nunca funcionará. Como siempre será el 100% del contenedor primario, alguien debe tener la altura definida. O html o cuerpo.
Entonces, mi pregunta es: hacer que esta imagen encaje en una página.
¿Alguna idea?imprimir css: encajar en una sola página

Fuente

2010-03-12 bluefoot

Ok lo siento por poner la "solución" como comentario:

Lo que terminé haciendo fue suponer que el 99% de los clientes (es cierto) utilizan un solo tamaño de página. Así que puse una advertencia en la interfaz de impresión que solo funcionará con el tamaño de página "X". demasiado. pero está funcionando hasta ahora

Fuente

2011-02-12 18:16:36 bluefoot

Una forma de hacerlo sería realizar algunos cálculos para averiguar qué ancho haría que la longitud sea exactamente una página, y luego establecer su ancho en el CSS en consecuencia.

Fuente

2010-03-12 19:01:46

eyah, lo hice. Puse ancho: 100%, pero esto no es suficiente para el ajuste de ALTURA en la página, debido a las numerosas variaciones de tamaños de página ... – bluefoot

Si entiendo este derecho, podrías hacer

.OnePageImage { height: 100%; width: 600px; }

Dónde 600px (el ancho) es el ancho total de la página. Entonces la imagen cabría en una página (aunque con alguna distorsión potencialmente). También puede añadir un estilo de salto de página CSS para un div antes y después de la imagen, que se realiza de esta manera:

.break { page-break-after:always; }

continuación, el código se vería así:

<div class="break"></div> 
<img src="[your image src]" class="OnePageImage" /> 
<div class="break"></div>

Fuente

2010-05-08 23:32:06 theJerm

, tampoco funcionó para mí. Lo que terminé haciendo fue suponer que el 99% de los clientes (es cierto) utilizan un solo tamaño de página. Así que puse una advertencia en la interfaz de impresión que solo funcionará con el tamaño de página "X". demasiado. pero está funcionando hasta ahora – bluefoot

Lo único que limitaba la salida de impresión a una sola página para mí era establecer la altura en cm de un elemento contenedor que envolvía toda la página, y también establecer su desbordamiento a oculto. Por alguna razón, esto no pareció funcionar en el elemento del cuerpo.

body > section { padding:0 !important; margin:0 !important; height:25.7cm !important; overflow:hidden !important; }

Por cierto, tenía la esperanza de que la configuración de salto de página en el interior para evitar en el cuerpo o elemento contenedor podría haber sido la solución para limitar a una página de impresión única, pero que no parecen tener cualquier efecto en absoluto.

Fuente

2013-04-24 14:56:51 atomless

imprimir css: encajar en una sola página

Respuesta

Cuestiones relacionadas