Ich baue eine mobile Version einer Website, und in diesem speziellen Fall würde es im horizontalen Layout perfekt aussehen. Gibt es eine Möglichkeit, dieses Layout zu erzwingen, unabhängig von den Benutzereinstellungen?
Die Antwort mit einem universellen Weg ist willkommen, aber auch wenn Sie wissen, wie Sie dies auf einer bestimmten Plattform (iPhone, Android ...) erreichen, können wir vielleicht ein anständiges Regelwerk für die Mehrheit der mobilen Nutzer sammeln.
Es gibt einen Hack, der das erreichen wird, aber ich rate dringend davon ab, es zu benutzen - Ihr Design sollte sich anpassen, ob jemand im Hoch- oder Querformat ist.
Schritt 1: Fragen Sie die window.orientation Eigenschaft, um zu sehen, ob Sie im Querformat- oder Hochformatmodus sind
Schritt 2: Wenn Sie sich im Hochformat-Modus befinden, verwenden Sie -webkit-transform rotieren (-90) für ein div, das Ihre gesamte Seite umschließt, um sie in ein Landschaftslayout zu zwingen.
Dies wird nicht ganz korrekt funktionieren - die Benutzeroberfläche des Browsers befindet sich weiterhin im Hochformat, aber vermutlich wird der Benutzer herausfinden, dass er das Telefon wieder in den Querformat-Modus drehen soll, um den Inhalt anzuzeigen. Das ist unglaublich nervig für Benutzer - es gibt wahrscheinlich einen guten Grund, sie versuchen, Ihre Website im Hochformat zu lesen.
Fügen Sie dieses Meta zu Ihrem & lt; head & gt;
hinzu %Vor%Das Vorhandensein einer horizontalen Bildlaufleiste im vertikalen Modus bringt den Benutzer dazu, dass er / sie in die Landschaft drehen muss. Ich kann nicht viele Anwendungsfälle dafür sehen - aber ich habe das für einige Spiele und Kartenanwendungen gesehen, also ist es nicht ganz böse.
Tags und Links iphone mobile mobile-website