1. Wenn der Benutzer das Gerät dreht, sendet das Gerät eine Ereignisbenachrichtigungsanwendung, um der Anwendung mitzuteilen, dass sich das Gerät im Quer- oder Hochformat befindet.
2. In den meisten Fällen passt die Anwendung ihr Layout an, wenn sich das Gerät im Querformat befindet;
3. Die Anwendung kann basierend auf diesem Ereignis entscheiden, wie der Bildschirminhalt angezeigt wird, sodass mehr Inhalte auf einem breiteren Bildschirm angezeigt werden können.
1. Sie können einige Frameworks wie Bootstrap, Foundation und Semantic UI usw. verwenden. Diese Frameworks enthalten bereits CSS-Klassen, die sich an den Bildschirm anpassen.
2. Sie müssen diese Klassen lediglich auf Ihre Anwendung anwenden, damit sie sich automatisch an die Bildschirmausrichtung anpasst;
3. Sie können @media-Regeln verwenden, um verschiedene CSS-Regeln zu definieren, um unterschiedliche Stile in unterschiedlichen Bildschirmrichtungen anzuzeigen.
1. Wenn sich das Gerät im Querformat befindet, können Sie eine @media-Regel definieren, um ein breiteres Layout festzulegen;
2. Und einige Elemente ausblenden, damit alle Inhalte auf den Bildschirm passen;
3. In einigen Fällen müssen Sie möglicherweise JavaScript verwenden, um eine horizontale und vertikale Bildschirmdrehung zu erreichen.
1. Sie können JavaScript verwenden, um Geräterotationsereignisse abzuhören und das Layout entsprechend der Geräteausrichtung neu zu berechnen und anzupassen;
2. Die Verwendung von JavaScript zur Implementierung der horizontalen und vertikalen Bildschirmdrehung kann die Leistung beeinträchtigen und zu Anwendungsverzögerungen führen.
3. Wenn Sie JavaScript verwenden, müssen Sie leichtgewichtige Methoden verwenden, um eine größtmögliche Rotation zu erreichen.