Supongo que desea tener el mayor control posible de la ventana impresa sin utilizar un enfoque de HTML a PDF ... Use la pantalla @media para depurar - @media print para css final
Los navegadores modernos pueden darle una visión rápida de lo que sucederá en el momento de la impresión usando pulgadas y puntos en a @media query
.
@media screen and (max-width:8.5in) { /* resize your window until the event is triggered */
html { width:8.5in; }
body { font: 9pt/1.5 Arial, sans-serif; } /* Roughly 12px font */
...
}
Una vez que su navegador muestre "pulgadas", tendrá una mejor idea de qué esperar. Este enfoque debería terminar con el método de vista previa de impresión. Todas las impresoras funcionarán con pt
y in
unidades, y el uso de la técnica @media le permitirá ver rápidamente lo que sucederá y ajustarlo en consecuencia. Firebug (o equivalente) acelerará absolutamente ese proceso. Cuando ha agregado sus cambios a @media, tiene todo el código que necesita para un archivo CSS vinculado usandomedia = "print"
atributo: simplemente copie / pegue las reglas de la pantalla @media en el archivo referenciado.
Buena suerte. La web no fue creada para imprimir. Crear una solución que ofrezca todo su contenido, los estilos iguales a los que se ven en el navegador a veces pueden ser imposibles. Por ejemplo, un diseño fluido para una audiencia predominantemente de 1280 x 1024 no siempre se traduce fácilmente en una impresión láser agradable y ordenada de 8.5 x 11.
Referencia del W3C para purusal: http://www.w3.org/TR/css3-mediaqueries/