คำถามติดแท็ก print-preview

ฉันกำลังพัฒนาเว็บไซต์และจำเป็นต้องทำงานในมุมมองการพิมพ์ โดยทั่วไปเมื่อฉันมีปัญหาการจัดวางฉันใช้ตัวตรวจสอบองค์ประกอบของ Chrome อย่างไรก็ตามสิ่งนี้ไม่มีอยู่ในโหมดดูตัวอย่างก่อนพิมพ์ มีปลั๊กอินของ Chrome หรือวิธีอื่นในการเปลี่ยนสื่อการรับชมของคุณภายในโครเมี่ยมเองเพื่อดูหน้าเว็บที่เครื่องพิมพ์จะทำอย่างไร ฉันคิดว่ามันไม่ได้เป็นโซลูชันเฉพาะของ Chrome แต่นั่นเป็นเบราว์เซอร์หลักของฉันดังนั้นจึงเป็นการดีที่มีโซลูชันในเบราว์เซอร์ ตอนนี้ฉันมุ่งเน้นไปที่สื่อตัวอย่างก่อนพิมพ์ แต่มันจะเหมาะที่จะเปลี่ยนเป็นสื่อประเภทใดก็ได้ที่รองรับ (เช่นทั้งหมด / อักษรเบรลล์ / นูน / มือถือ / พิมพ์ / การฉาย / หน้าจอ / คำพูด / tty / โทรทัศน์).

666 google-chrome  google-chrome-devtools  web-inspector  print-preview 

ฉันต้องการจำลองกระดาษ A4 ในเว็บและอนุญาตให้พิมพ์หน้านี้ตามที่ปรากฏในเบราว์เซอร์ (Chrome, โดยเฉพาะ) ฉันตั้งขนาดองค์ประกอบเป็น 21 ซม. x 29.7 ซม. แต่เมื่อฉันส่งไปที่การพิมพ์ (หรือตัวอย่างก่อนพิมพ์) มันคลิปหน้าของฉัน ดูตัวอย่างสดนี้! body { margin: 0; padding: 0; background-color: #FAFAFA; font: 12pt "Tahoma"; } * { box-sizing: border-box; -moz-box-sizing: border-box; } .page { width: 21cm; min-height: 29.7cm; padding: 2cm; margin: 1cm auto; border: 1px #D3D3D3 solid; border-radius: …

233 css  printing  print-preview