- Bagaimana cara memperbaiki gulungan horizontal di tampilan seluler?
- Mengapa ada gulungan horizontal di ponsel?
- Adalah gulir horizontal yang dapat diakses?
- Bagaimana cara membuat gulir seluler saya horizontal?
Bagaimana cara memperbaiki gulungan horizontal di tampilan seluler?
Periksa semua elemen Anda di tampilan "seluler", dan hapus margin tinggi ke kiri atau ke sisi kanan elemen. Gulir horizontal seluler disebabkan oleh pengaturan lebar tetap / minimum yang tinggi untuk suatu elemen. Atur elemen ke "otomatis", atau hanya mengurangi lebar perangkat seluler.
Mengapa ada gulungan horizontal di ponsel?
Gulir horizontal memungkinkan pengguna untuk melihat opsi dalam kategori dengan menggesek ke samping, atau menggulir ke bawah untuk melihat berbagai kategori. Penggunaan dua dimensi ini membantu pengguna dengan menunjukkan berbagai opsi tanpa membuatnya mengunjungi halaman kategori terpisah.
Adalah gulir horizontal yang dapat diakses?
Itu menghadirkan tantangan untuk aksesibilitas.
Elemen halaman dengan gulir horizontal dan vertikal dapat disorientasi, dan sulit bagi orang dengan gangguan motorik untuk digunakan.
Bagaimana cara membuat gulir seluler saya horizontal?
Untuk mengimplementasikan ini, kita dapat menggunakan overflow: gulir di ponsel, itu akan menampilkan scrollbar dan membuat konten di dalam kotak yang bisa digulir, mencegah konten rendering di luar kotak. Gunakan Flex: Tidak ada di ponsel untuk "memperbaiki" ketinggian tag, dan max-width: fit-content on desktop untuk "memperbaiki" lebar tag.