slideshow öffnet sich im smartphone im Hochformat statt im Querformat
bearbeitet von Rolf BHallo annabr,
> öffnet sich auf meinem smartphone die slideshow automatisch auf dem Hochformat-screen.
Wenn Du das Phone im Hochformat hältest, ist das das zu erwartende Verhalten.
> Ich muss dann händisch das smartphone drehen, damit die slideshow im Querformat zu sehen ist.
Das ist die dann zu erwartende Aktion
> Die slideshow sollte beim Öffnen automatisch ins Querformat überwechseln.
Das wäre ziemlich unerwartet. Du müsstest dann den Kopf zur Seite drehen, um sie betrachten zu können. Abgesehen davon: An welcher kurzen Kante des Handys soll dann der linke Rand des Querformats sein? In 50% der Fälle wirst Du falsch raten.
Meine Empfehlung: Nicht machen. Der User hat die Hoheit über die Darstellung, nicht deine Seite.
Man kann mit CSS herumbasteln und prüfen, ob das Telefon im Hochformat ist.
~~~css
@media (orientation:portrait) {
... CSS Regeln um den Inhalt um 90° zu drehen
}
~~~
Ich prophezeihe Dir aber eine Flut von geräteabhängigen Quirks und Problemen. Zum Beispiel: Du öffnest die Seite auf einem Desktop-Browser und machst das Fenster schmaler als es hoch ist. Schwupps - es dreht sich. Und schwupps ist der User laut fluchend auf dem Weg zum Close-Button.
Der gute (hihi) alte Internet Explorer hatte eine CSS @-Regel namens @viewport. Die hätte das ermöglicht:
~~~
@viewport {
orientation: landscape;
}
~~~
Aber sie ist mit dem IE gestorben. Nicht verwenden, auch wenn sie auf deinem Gerät funktionieren könnte! Aus den genannten Gründen: Erzwungenes Querformat ist nur auf mobilen Geräten sinnvoll und es gibt **keine** korrekte Möglichkeit, zu prüfen, ob Du auf einem mobilen Gerät unterwegs bist oder nicht.
Mit `<meta name="viewport" content="...">` ist die Bestellung einer konkreten Orientierung ebenfalls nicht möglich.
_Rolf_
--
sumpsi - posui - obstruxi