¿Cómo hacer una versión para imprimir de una página web?

11

¿Qué soluciones o técnicas existen para ofrecer a los usuarios una versión para imprimir de una página web?

html css print Sean Moubry
fuente

Respuestas:

19

Hago una hoja de estilo CSS básica que configuré para "imprimir" el tipo de medio CSS.

<link rel="stylesheet" href="css/print.css" media="print"  />

En esta hoja de estilo, generalmente haré algunas cosas:

  • Ocultar cualquier elemento de navegación que no sea relevante.
  • Ocultar cualquier elemento de búsqueda.
  • Modificar fuentes y colores
  • Modifique cualquier ancho que no coincida con una página impresa.
Rebecca Chernoff
fuente
Sería bueno ver un ejemplo si es posible.
[enchufe descarado] Lo tengo implementado en isearchnotes.com/single.php?id=59 ver la vista previa de impresión. para ver.
corymathews
+1: esta es la mejor manera de hacerlo ... aunque los periódicos a menudo tienen una acción de página separada donde reformatean y deshabilitan la paginación. Ahora, si solo Chrome tuviera una función de vista previa de impresión ...
JasonBirch
2
Aquí hay un poco más de detalle: alistapart.com/articles/goingtoprint
Michael Mior
2
Ah, sí, y este: smashingmagazine.com/2007/02/21/... Ambos buenos recursos. El primer enlace que publiqué ofrece una buena visión general, aunque probablemente sea lo suficientemente bueno.
Michael Mior