Kann eine Website eine Gerätesicherungssperre erzwingen?

8

Ich arbeite derzeit an einer Website, die für alle Geräte relativ gleich ist; Desktop & amp; Handy, Mobiltelefon. Ich arbeite mit%, da ich denke, das ist die beste Option.

Es basiert auf Hochformat. Wenn Sie das Gerät in Querformat ändern, sieht die gesamte Website wie ein fetter Zwerg aus.

Ich frage mich also: Gibt es eine Möglichkeit, eine Website zu sperren und sie ständig im Hochformat anzuzeigen?

Und damit meine ich: Gerätedrehung gesperrt. Nicht, dass, wenn man in die Landschaft geht, die Website zurück in das Porträt, während in die Landschaft. (was ich bereits auf StackOverflow Code gesehen habe.)

%Vor%

als Referenz:)

Vielen Dank im Voraus

    
Sander Schaeffer 23.11.2012, 12:30
quelle

3 Antworten

12

In einem Update auf eine alte ('12) Frage, denke ich, dass dies vielen Menschen helfen kann!

Ich habe keine richtige Methode gefunden, die Gerätedrehung zu verriegeln, aber ich habe eine perfekte Alternative gefunden, die ich auch bei ein paar Leuten gesehen habe.

Option A. Eine einfache Warnung

Mit einem einfachen jQuery-Skript können Sie die Ausrichtung Ihres Geräts erkennen.

%Vor%

Nun, eine einfache Warnung ist einfach, aber die Benachrichtigung kann viel schöner sein!

Option B. Eine nette Bildmitteilung

Fügen Sie einfach ein fixed -Element zu Ihrer Seite hinzu, das angezeigt wird, wenn sich die Ausrichtung geändert hat.

HTML

%Vor%

CSS

%Vor%

Sie können dieses Element mit Text aktualisieren oder einfach mit einem Hintergrundbild verbinden

%Vor%

Fügen Sie einfach einen schönen Hintergrund zu Ihrem Bilderordner hinzu, z. B. den folgenden.

Hat das Objekt eine display: none bemerkt? Das liegt daran, dass es sonst auch im Hochformat angezeigt würde. Jetzt müssen Sie nur noch das folgende Skript verwenden, damit das Objekt nur im Querformat angezeigt wird.

%Vor%

Dadurch wird die Benachrichtigung nur angezeigt, wenn sich die Geräteausrichtung in Querformat geändert hat.

    
Sander Schaeffer 26.05.2014, 15:19
quelle
3

Nicht möglich. Die Drehung der Sperre ist eine Geräteeinstellung: Ссылка Wenn das Gerät nicht gesperrt ist, dreht sich der Browser und da sich Ihr Inhalt im Browser befindet, wird der Inhalt ebenfalls gedreht. Vielleicht hilft das Viewport bei der Lösung Ihres Problems: & lt; Meta-Name="Ansichtsfenster" content="width = Geräte-Breite" / & gt; ". Ich sehe, dass Sie dieses Meta-Tag vermissen.

    
Niels Steenbeek 23.11.2012 12:40
quelle
0

Ich glaube nicht, dass es möglich ist, aber es gibt mehrere Möglichkeiten, um zu arbeiten

js Weg: window.DeviceOrientationEvent

css Weg

@media (orientation: landscape) { body { background-color: black; } }

    
Terry 20.02.2016 18:00
quelle

Tags und Links