Como criar uma versão para impressão de uma página da web?

11

Quais soluções ou técnicas existem para oferecer aos usuários versões de impressão de uma página da Web?

html css print Sean Moubry
fonte

Respostas:

19

Eu faço uma folha de estilo css básica que eu configuro para o tipo de mídia CSS "print".

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

Nesta folha de estilo, geralmente faço algumas coisas:

  • Oculte quaisquer elementos de navegação que não sejam relevantes.
  • Oculte qualquer elemento de pesquisa.
  • Modifique fontes e cores
  • Modifique as larguras que não combinam com uma página impressa.
Rebecca Chernoff
fonte
Seria bom ver um exemplo, se possível.
[plugue descarado] Eu o implementei em isearchnotes.com/single.php?id=59 visualize a visualização da impressão. ver.
Corymathews 15/07/10
+1 - essa é a melhor maneira de fazer isso ... embora os jornais geralmente tenham ação de página separada, onde reformatam e desativam a paginação. Agora, se apenas o Chrome tivesse uma função de visualização prévia ...
JasonBirch
2
Aqui está um pouco mais detalhadamente: alistapart.com/articles/goingtoprint
Michael Mior
2
Ah, sim, e este: smashingmagazine.com/2007/02/21/… Ambos bons recursos. O primeiro link que publiquei fornece uma boa visão geral, embora isso provavelmente seja bom o suficiente.
Michael Mior 15/07