1. Saat pengguna memutar perangkat, perangkat akan mengirimkan aplikasi notifikasi acara untuk memberi tahu aplikasi bahwa perangkat dalam mode lanskap atau potret;
2. Dalam kebanyakan kasus, aplikasi akan menyesuaikan tata letaknya ketika perangkat dalam orientasi lanskap;
3. Aplikasi dapat memutuskan cara menampilkan konten layar berdasarkan peristiwa ini sehingga lebih banyak konten dapat ditampilkan di layar yang lebih luas.
1. Anda dapat menggunakan beberapa framework, seperti Bootstrap, Foundation dan Semantic UI, dll. Framework ini sudah menyertakan kelas CSS yang beradaptasi dengan layar;
2. Yang perlu Anda lakukan hanyalah menerapkan kelas-kelas ini ke aplikasi Anda sehingga secara otomatis beradaptasi dengan orientasi layar;
3. Anda dapat menggunakan aturan @media untuk menentukan aturan CSS yang berbeda untuk menampilkan gaya berbeda dalam arah layar berbeda.
1. Saat perangkat dalam mode lanskap, Anda dapat menentukan aturan @media untuk mengatur tata letak yang lebih luas;
2. Dan sembunyikan beberapa elemen sehingga semua konten bisa muat di layar;
3. Tentu saja, dalam beberapa kasus, Anda mungkin perlu menggunakan JavaScript untuk mencapai rotasi layar horizontal dan vertikal.
1. Anda dapat menggunakan JavaScript untuk mendengarkan peristiwa rotasi perangkat dan menghitung ulang serta menyesuaikan tata letak sesuai dengan orientasi perangkat;
2. Menggunakan JavaScript untuk menerapkan rotasi layar horizontal dan vertikal dapat mengurangi kinerja dan dapat menyebabkan penundaan aplikasi;
3. Saat menggunakan JavaScript, Anda perlu menggunakan metode ringan untuk mencapai rotasi sebanyak mungkin.