Itqualityassurance
- Cara menghindari gulungan horizontal di web seluler dengan desain web responsif?
- Mengapa gulungan vertikal lebih disukai daripada gulungan horizontal?
- Mengapa situs web saya memiliki gulungan horizontal?
- Bagaimana cara menghentikan pengguliran horizontal di halaman web responsif?
Cara menghindari gulungan horizontal di web seluler dengan desain web responsif?
Periksa semua padanya. Jika Anda menambahkan padding ke sesuatu dengan lebar yang diatur ke 100%, itu akan keluar dari induk. Juga, gunakan reset CSS. Meskipun fakta bahwa ada sesuatu yang meluap menunjukkan kesalahan dalam desain responsif Anda dan Anda harus mencoba dan memperbaikinya untuk mencegah sesuatu yang tidak terlihat oleh pengguna seluler.
Mengapa gulungan vertikal lebih disukai daripada gulungan horizontal?
Sebuah studi yang disajikan di www2009 (PDF) menemukan bahwa pengguna lebih suka menggulir vertikal karena mereka terbiasa sebagai lawan dari pengguliran horizontal dan beberapa menunjukkan bahwa pengguliran horizontal karena "memaksa mereka untuk menggerakkan mata mereka secara vertikal ke atas dan ke bawah dari ketinggian penuh layar ", yang tidak terjadi ...
Mengapa situs web saya memiliki gulungan horizontal?
Scrollbar horizontal muncul di situs Anda karena div "Video Banner" memiliki lebar 100 VW yang berarti 100% dari lebar browser. Sekarang, karena situs Anda memiliki bilah gulir vertikal, dibutuhkan sedikit lebar dan div masih berusaha menjadi lebar browser penuh. Untuk memperbaikinya, buat lebar "video spanduk" = 100%.
Bagaimana cara menghentikan pengguliran horizontal di halaman web responsif?
Jika Anda ingin mencegah ini, Anda harus memeriksa elemen tubuh Anda yang lebih besar dari tubuh. Itu terjadi ketika Anda mengambil div dengan beberapa "bantalan" atau "margin" di luar ". Container "Class (Twitter Bootstrap). Jadi lepaskan semua bantalan dan margin di luar kelas wadah.
