Drucken Sie von HTML-Seiten im A4-Format.

Question

Ich entwerfe diese Website, die für technische Ingenieure zum Drucken gedacht ist und die Seitengrößen variieren. Wenn Seiten gedruckt werden, werden Tabellen in 2 Hälften geschnitten, was es ihnen schwer macht, sie zu lesen. Gibt es einen Code, der die Drucke auf ein A4-Blatt pro Seite passen lässt?

Die andere Lösung wäre, dass ich PDFs von jeder Seite im A4-Format erstelle und auf jeder Seite eine Schaltfläche "Diese Seite drucken" platziere, aber das scheint etwas unprofessionell zu sein. Irgendwelche Ideen?

Answer 1

Versuchen Sie, das CSS-Media-Attribut zu verwenden, um unterschiedliches CSS für den Druck anzugeben.

Sie müssen auch bedenken, dass jeder Browser den Druck auf seine eigene Weise umsetzen wird (genauso wie das CSS-Rendering).

Answer 2

Verwenden Sie ein Druck-CSS. Alles hängt davon ab, wie der Benutzer die Druckeinstellungen im Dialogfeld festlegt, und denken Sie daran, Web != Druck.

Answer 3

Der beste Weg, den ich gefunden habe, um A4-Layouts zu maximieren, besteht darin, dass mein CSS für den Druck % anstatt von Pixeln verwendet, um sicherzustellen, dass keine Elemente außerhalb des A4-Druckbereichs liegen.