ฉันต้องการที่จะพิมพ์เอกสารเว็บในหน้าเดียว แต่ Chrome ที่มีชื่อเสียงไม่ได้มีคุณสมบัตินี้ได้ตามปกติที่เรียกว่าพอดีกับหน้าหรือลดขนาดให้พอดี
มีวิธีแก้ปัญหาหรือไม่?
ฉันต้องการที่จะพิมพ์เอกสารเว็บในหน้าเดียว แต่ Chrome ที่มีชื่อเสียงไม่ได้มีคุณสมบัตินี้ได้ตามปกติที่เรียกว่าพอดีกับหน้าหรือลดขนาดให้พอดี
มีวิธีแก้ปัญหาหรือไม่?
คำตอบ:
ใช่มีวิธีแก้ปัญหา สิ่งที่เราจะทำคือการซูมเอกสารด้วยตนเอง CSS จนกว่าเนื้อหาจะเหมาะสมอย่างเหมาะสม
กดF12เพื่อเปิด Chrome DevTools ตรวจสอบให้แน่ใจว่ามันอยู่ในองค์ประกอบแท็บและ<body>
องค์ประกอบถูกเลือก ตอนนี้ย้ายไปที่แท็บสไตล์ (ด้านขวา) และในelement.style
, แทรกต่อไปนี้: (เพียงคลิกหลังจากวงเล็บเปิด{
)
zoom: 85%;
คำแนะนำ:อย่าพิมพ์เครื่องหมายโคลอน ( :
) มิฉะนั้นคุณจะเปิดสิ่งอื่นโดยไม่ได้ตั้งใจ แทนเพียงแค่กดหลังจากการพิมพ์TABzoom
ตอนนี้ปิด DevTools ( F12อีกครั้ง) แล้วกดCtrl+Pเพื่อเปิดกล่องโต้ตอบการพิมพ์ ตรวจสอบดูว่าหน้านั้นเหมาะสมหรือไม่ หากไม่เป็นเช่นนั้นลองอีกครั้งด้วยค่าการซูมอื่นจนกว่าจะดี!
zoom: 85%;
องค์ประกอบ HTML ภายใน@media print
แบบสอบถาม
ตั้งแต่เวอร์ชัน 56 คุณจะมีตัวเลือกสำหรับ Scale ในหน้าตัวอย่างก่อนพิมพ์ อย่างไรก็ตามคุณอาจต้องเปิดใช้งาน (ฉันมีรุ่น 56.0.2924.87) ในแถบที่อยู่: chrome: // flag / # print-scaling และเปลี่ยนเป็น Enabled สิ่งนี้ไม่ได้แก้ปัญหา "มาตราส่วนให้พอดี" แต่ช่วยให้คุณเข้าใกล้ได้มากขึ้น
ดูสิ่งนี้และการปรับปรุงเพิ่มเติมที่นี่: https://productforums.google.com/forum/#!topic/chrome/O7nz6Vb1kBM
58.0.3029.110 (64-bit)
และใช้งานได้ทันที
ฉันมีปัญหาในเว็บไซต์บางแห่งเท่านั้นสำหรับพวกเขาฉันใช้ส่วนขยาย:
การจับภาพเต็มหน้าจอ
มันสร้างภาพชั่วคราวในแท็บใหม่ซึ่งปรับขนาดได้อย่างถูกต้องเมื่อคุณพิมพ์
เมื่อใดก็ตามที่ฉันต้องการพิมพ์หน้าเว็บทั้งหมดลงในหน้ากระดาษฉันจะจับภาพหน้าจอของหน้ากระดาษและใช้ Windows เพื่อพิมพ์ภาพ
ขณะนี้ฉันใช้ShareXเพื่อทำภาพหน้าจอของทั้งหน้า นอกจากนี้ยังมีGreenshot , ภาพหน้าจอที่น่ากลัวและFireshotซึ่งทำงานให้ฉัน
zoom: 85%
ดูเหมือนว่าจะสมบูรณ์แบบสำหรับหน้าส่วนใหญ่ที่มีการล้นในตัวอย่างก่อนพิมพ์ของ Chrome ขอบคุณสำหรับการโพสต์นี้!