Wie drucke ich HTML im Querformat?

Question

Aug 12, 2015, 05:10 PM

Wie drucke ich HTML im Querformat?

Diese Frage wurde gestellt und beantwortet, aber die hochgelobte akzeptierte Antwort beide:

erklärt nicht, wie es gehtfunktioniert nich

Der Grund ist natürlich, dass die akzeptierte Antwort1 ist veralte2. Und der W3C hat keinen Standardersatz gefunden. Was mich vor ein Problem stellt, da ich tatsächlich Dinge habe, die erledigt werden müssen.

Wie kann ich Browsern mitteilen, dass Inhalte im Querformat gedruckt werden sollen?

Beispiel, das nicht funktioniert

Ich habe ein Beispiel zusammengestellt, das jeden Kaugummischnipsel enthält, den ich finden konnte.

<!DOCTYPE html>
<HEAD>
<STYLE type="text/css">

/* https://stackoverflow.com/a/1392794/12597 */
@page
{
size: landscape;
}

/* http://www.devx.com/tips/Tip/32962 */
@media print{
@page {
	size: landscape
}
}

/* https://stackoverflow.com/a/16655216/12597 */
@media print{
.class-name{
    @page{
        size:landscape;
    }
}
}
</STYLE>

<!--https://stackoverflow.com/a/13684191/12597 -->
<STYLE type="text/css" media="print">
  @page { size: landscape; }
</STYLE>

</HEAD>

<BODY>
Hello, landscape.
</BODY>

</HTML>

ann sich jemand etwas einfallen lassen, das funktionier

Nehmen Sie Chrome, IE11 oder Edge an.

Hintergrun

Der Grund, warum ich das mache, ist natürlich, dass ich Querformat drucken muss. In meinem speziellen Fall werde ich die umfangreichen Markup- und Layout-Services in HTML verwenden, um auf einem 8,5 x 11-Zoll-Stück dreilochigem Papier zu drucken:

Ich möchte die Streifen vertikal nach unten ziehen, außer dass Text, Bilder und Layout auf der Seite horizontal sein müssen:

Bonus Reading Landscape Drucken aus HTML Wie kann ich eine CSS-Klasse definieren, um die gedruckte Seite in den Querformatmodus zu versetzen?Drucken im Querformat W3C CSS Print Profile Drucken einer HTML-Seite im Querformat Ist @Page {size: landscape} veraltet?CSS Paged Media Module Level 3

Zu kommentieren