1. Lorsque l'utilisateur fait pivoter l'appareil, l'appareil envoie une application de notification d'événement pour indiquer à l'application que l'appareil est en mode paysage ou portrait ;
2. Dans la plupart des cas, l'application ajustera sa mise en page lorsque l'appareil est en orientation paysage ;
3. L'application peut décider comment afficher le contenu de l'écran en fonction de cet événement afin que davantage de contenu puisse être affiché sur un écran plus large.
1. Vous pouvez utiliser certains frameworks, comme Bootstrap, Foundation et Semantic UI, etc. Ces frameworks incluent déjà des classes CSS qui s'adaptent à l'écran ;
2. Il vous suffit d'appliquer ces classes à votre application pour qu'elle s'adapte automatiquement à l'orientation de l'écran ;
3. Vous pouvez utiliser les règles @media pour définir différentes règles CSS afin d'afficher différents styles dans différentes directions d'écran.
1. Lorsque l'appareil est en mode paysage, vous pouvez définir une règle @media pour définir une mise en page plus large ;
2. Et masquez certains éléments afin que tout le contenu puisse tenir sur l'écran ;
3. Bien entendu, dans certains cas, vous devrez peut-être utiliser JavaScript pour réaliser une rotation horizontale et verticale de l'écran.
1. Vous pouvez utiliser JavaScript pour écouter les événements de rotation de l'appareil et recalculer et ajuster la disposition en fonction de l'orientation de l'appareil ;
2. L'utilisation de JavaScript pour implémenter la rotation horizontale et verticale de l'écran peut réduire les performances et entraîner des retards dans l'application ;
3. Lorsque vous utilisez JavaScript, vous devez utiliser des méthodes légères pour obtenir une rotation autant que possible.