Adalah bar skrol mendatar yang boleh diterima dalam aplikasi web dalaman?

1. Cara mengelakkan tatal mendatar di web mudah alih dengan reka bentuk web responsif?
2. Mengapa skrol menegak lebih disukai untuk menatal mendatar?
3. Mengapa laman web saya mempunyai tatal mendatar?
4. Bagaimana saya menghentikan menatal mendatar di laman web responsif?

Cara mengelakkan tatal mendatar di web mudah alih dengan reka bentuk web responsif?

Periksa semua paddings. Sekiranya anda menambah padding ke sesuatu dengan lebar ditetapkan hingga 100%, ia akan keluar dari ibu bapa. Juga, gunakan tetapan semula CSS. Walaupun hakikat bahawa sesuatu yang melimpah menunjukkan kesilapan dalam reka bentuk responsif anda dan anda harus mencuba dan memperbaikinya untuk menghalang sesuatu yang tidak dapat dilihat oleh pengguna mudah alih.

Mengapa skrol menegak lebih disukai untuk menatal mendatar?

Satu kajian yang dibentangkan di WWW2009 (PDF) mendapati bahawa pengguna memilih menatal menegak kerana ia digunakan untuknya berbanding dengan menatal mendatar dan beberapa menunjukkan bahawa menatal mendatar kerana ia "memaksa mereka untuk menggerakkan mata mereka ke atas dan ke bawah ketinggian penuh skrin ", yang tidak berlaku dengan ...

Mengapa laman web saya mempunyai tatal mendatar?

Bar skrol mendatar muncul di laman web anda kerana div "Banner Video" mempunyai lebar 100 VW yang bermaksud 100% lebar penyemak imbas. Sekarang, kerana laman web anda mempunyai bar menatal menegak, ia memerlukan sedikit lebar dan div masih berusaha untuk menjadi lebar penyemak imbas penuh. Untuk memperbaikinya, buat lebar "Banner Video" = 100%.

Bagaimana saya menghentikan menatal mendatar di laman web responsif?

Sekiranya anda ingin mengelakkan ini, anda perlu menyemak elemen badan anda yang lebih besar daripada badan. Ia berlaku apabila anda mengambil div dengan beberapa "padding" atau "margin" di luar ". Container "Kelas (Twitter Bootstrap). Oleh itu, keluarkan semua padding dan margin di luar kelas kontena.