Bagaimana cara membuat versi halaman web yang ramah-printer?

Solusi atau teknik apa yang ada untuk menawarkan kepada pengguna versi halaman web yang ramah-printer?

html css print

— Sean Moubry
sumber

Saya melakukan stylesheet css dasar yang saya siapkan untuk "mencetak" jenis media CSS.

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

Dalam stylesheet ini, saya biasanya akan melakukan beberapa hal:

Sembunyikan elemen navigasi yang tidak relevan.
Sembunyikan elemen pencarian apa pun.
Ubah font dan warna
Ubah lebar apa pun yang tidak bertautan dengan halaman yang dicetak.

— Rebecca Chernoff
sumber

Akan menyenangkan untuk melihat contoh jika memungkinkan.

[plug shameless] Saya sudah menerapkannya di isearchnotes.com/single.php?id=59 lihat pratinjau cetak. untuk melihat.

— corymathews

+1 - ini adalah cara terbaik untuk melakukannya ... meskipun surat kabar sering memiliki tindakan halaman terpisah di mana mereka memformat ulang dan menonaktifkan pagination. Sekarang jika saja Chrome memiliki fungsi pratinjau cetak ...

— JasonBirch

Berikut ini sedikit lebih detail: alistapart.com/articles/goingtoprint

— Michael Mior

Oh ya, dan yang ini: smashingmagazine.com/2007/02/21/… Keduanya sumber yang bagus. Tautan pertama yang saya posting memberikan gambaran yang bagus meskipun itu mungkin cukup bagus.

— Michael Mior