Bagaimana cara membuat versi halaman web yang ramah-printer?

11

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

html css print Sean Moubry
sumber

Jawaban:

19

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
2
Berikut ini sedikit lebih detail: alistapart.com/articles/goingtoprint
Michael Mior
2
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