HTML/CSS - Querformat und Hochformat

Question

Ich habe eine HTML-Seite und eine verlinkte CSS-Seite, sie werden perfekt angezeigt und gedruckt (im Hochformat), wenn sie verknüpft sind.

Wenn ich die Option "Querformat" auswähle, wird es auf die gleiche Weise angezeigt, aber es wird aufgrund von Seitenumbrüchen und Abständen, die ich eingestellt habe, sehr schlecht gedruckt.

Meine Frage ist, ist es möglich, verschiedene CSS-Seiten für verschiedene Seitenausrichtungen zu haben? Wenn ja, gibt es andere Optionen, die ich zum HTML/CSS-Link hinzufügen sollte?

Answer 1

Sie können eine CSS-Datei verwenden, und Sie können CSS-Klasse für jedes Gerät beispielsweise und für jede Orientierung geben: wie folgt aus:

/* Portrait and Landscape */ 
@media only screen and (min-device-width: 320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio: 2) { 

} 

/* Portrait */ 
@media only screen and (min-device-width: 320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { 
    } 

/* Landscape */ 
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { 
}