Wie erstelle ich eine druckerfreundliche Version einer Webseite?

Welche Lösungen oder Techniken gibt es, um Benutzern druckerfreundliche Versionen einer Webseite anzubieten?

html css print

— Sean Moubry
quelle

Ich mache ein grundlegendes CSS-Stylesheet, das ich für den CSS-Medientyp "Drucken" eingerichtet habe.

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

In diesem Stylesheet werde ich im Allgemeinen einige Dinge tun:

Blenden Sie nicht relevante Navigationselemente aus.
Suchelemente ausblenden.
Ändern Sie Schriftarten und Farben
Ändern Sie alle Breiten, die nicht mit einer gedruckten Seite übereinstimmen.

— Rebecca Chernoff
quelle

Wäre schön ein Beispiel zu sehen wenn möglich.

[schamloser Plug] Ich habe es auf isearchnotes.com/single.php?id=59 implementiert. Zeigen Sie die Druckvorschau an. sehen.

— Corymathews

+1 - dies ist der beste Weg, dies zu tun ... obwohl Zeitungen häufig separate Seitenaktionen haben, bei denen sie die Paginierung neu formatieren und deaktivieren. Wenn nur Chrome eine Druckvorschau-Funktion hätte ...

— JasonBirch

Hier ist ein bisschen mehr Detail: alistapart.com/articles/goingtoprint

— Michael Mior

Oh ja, und dieses hier: smashingmagazine.com/2007/02/21/… Beide guten Ressourcen. Der erste Link, den ich gepostet habe, gibt einen schönen Überblick, obwohl das wahrscheinlich gut genug ist.

— Michael Mior