วิธีการสร้างเว็บเพจที่เป็นมิตรกับเครื่องพิมพ์


11

มีโซลูชันหรือเทคนิคใดบ้างสำหรับการเสนอเว็บเพจที่เป็นมิตรกับผู้ใช้ให้กับเครื่องพิมพ์

คำตอบ:


19

ฉันทำสไตล์ชีทขั้นพื้นฐานที่ฉันตั้งค่าสำหรับประเภทสื่อสิ่งพิมพ์ CSS "พิมพ์"

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

ในสไตล์ชีทนี้โดยทั่วไปฉันจะทำบางสิ่ง:

  • ซ่อนองค์ประกอบการนำทางที่ไม่เกี่ยวข้อง
  • ซ่อนองค์ประกอบการค้นหาใด ๆ
  • ปรับเปลี่ยนแบบอักษรและสี
  • ปรับเปลี่ยนความกว้างใด ๆ ที่ไม่สอดคล้องกับหน้าที่พิมพ์

จะดีที่ได้เห็นตัวอย่างถ้าเป็นไปได้ทั้งหมด

[ปลั๊กไร้ยางอาย] ฉันใช้งานกับisearchnotes.com/single.php?id=59ดูตัวอย่างก่อนพิมพ์ เพื่อที่จะได้เห็น.
corymathews

+1 - นี่เป็นวิธีที่ดีที่สุดในการทำ ... แม้ว่าหนังสือพิมพ์มักจะมีการดำเนินการแยกหน้าซึ่งพวกเขาฟอร์แมตและปิดการใช้หน้า ตอนนี้ถ้าเพียง Chrome มีฟังก์ชั่นตัวอย่างก่อนพิมพ์ ...
JasonBirch

2
นี่คือรายละเอียดเพิ่มเติมเล็กน้อย: alistapart.com/articles/goingtoprint
Michael Mior

2
โอ้ใช่แล้วและนี่คือ: smashingmagazine.com/2007/02/21/… ทั้งแหล่งข้อมูลที่ดี ลิงค์แรกที่ฉันโพสต์ให้ภาพรวมที่ดีแม้ว่าอาจจะดีพอ
Michael Mior
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.