Cambiar el tamaño del contenido de la página para que quepa en una página de impresión

Question

Este problema IMO está más relacionado con CSS, pero estoy abierto a cualquier solución. Estoy tratando de imprimir una página web cuya altura se define en px (también intenté%). Ahora lo que está sucediendo en Safari e IE 8 en adelante, el contenido de la página no se imprimirá en una página.

de configuración actual

div.parent-container{ 
    height: 900px; 
} 

div.parent-container div.child-containers{ 
    height:100%; 
} 

¿Qué está pasando

Se imprimirá todo en una sola página en FF, pero en IE y el contenido de Safari se dividirá en dos páginas que es diablos de un problema para mis usuarios. Tengo que decirles que establezcan márgenes de página: 0.3, que definitivamente no es una forma eficiente.

Lo que he hecho

me han tratado diferentes @Page y navegador cortes específicos para hacer que funcione, pero no llegar a ser fructífera o si no parece eficiente para mí (Nunca sido un fan de hacks de navegador personalizados).

Lo que quiero solución/JS

CSS para hacer contenido de la página se imprimen en una página puede ser algo así como 'Reducir hasta ajustar'.

Gracias, Rahi

Answer 1

dispositivos de impresión suelen medir su contenido en dimensiones y cotas físicas (en, cm, pies, etc.). El ancho del píxel depende de la resolución del monitor y, por lo tanto, no se puede confiar en él para cada dispositivo de salida.

Si es crucial que su página se imprima de la manera que le gustaría, lo más probable es que necesite un archivo CSS diseñado para imprimir, uno que use pulgadas, centímetros o lo que quiera.

Mira esto previous post - Creo que ayudará.