Wie kontrolliere ich die Seitenränder beim Drucken von HTML-Dokumenten?

Seitenränder für den Druck von HTML-Dokumenten steuern

Beim Drucken von HTML-Seiten ist es oft wünschenswert, die Ränder zu kontrollieren, um eine korrekte Formatierung auf Papier sicherzustellen. Das Festlegen von Rändern in einem herkömmlichen Stylesheet hat jedoch möglicherweise nicht den beabsichtigten Effekt.

So legen Sie Ränder für den Druck fest

So legen Sie Ränder speziell für die Druckausgabe fest Es wird empfohlen, anstelle von Pixeln Einheiten wie Zentimeter (cm) oder Millimeter (mm) zu verwenden. Pixel werden von Browsern unterschiedlich übersetzt und führen möglicherweise nicht zu konsistenten Ergebnissen auf dem Papier. Verwenden Sie aus Konsistenzgründen den folgenden Code:

<code class="css">body {
  margin: 25mm 25mm 25mm 25mm;
}</code>

Hinweis: Dadurch werden weder der druckbare Bereich des Druckers noch die vom Browser gesteuerten Ränder angepasst.

Schriftgrößen im Druck

Für Schriftgrößen verwenden Sie im Druck Punkte (pt) anstelle von Pixeln media:

<code class="css">p {
  font-size: 10pt;
}</code>

Kontrolle der Ränder mit der @page-Direktive

Für die vollständige Kontrolle über gedruckte Ränder, einschließlich derjenigen außerhalb des HTML-Textkörpers, verwenden Sie die @page-Direktive:

<code class="css">@page {
  margin: 25mm 25mm 25mm 25mm;
}</code>

Diese Methode wirkt sich auf die Randeinstellungen des Druckers aus, Benutzer können sie jedoch beim Drucken noch ändern Vorschau.

Überlegungen zum Browser

Beachten Sie, dass einige Browser, wie z. B. IE7 und höher, die Seitengröße automatisch für eine optimale Passform anpassen, was möglicherweise zu einer Verzerrung der Druckausgabe führen kann. Um dies zu überschreiben, sollten Benutzer „Druckvorschau“ auswählen und die Druckgröße auf 100 % einstellen.

Verwandte Ressource

Weitere Informationen zum Deaktivieren der Browser-Druckoptionen finden Sie unter auf folgende Antwort: https://stackoverflow.com/questions/3780990/disabling-browser-print-options-headers-footers-margins-from-page

Das obige ist der detaillierte Inhalt vonWie kontrolliere ich die Seitenränder beim Drucken von HTML-Dokumenten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!