Mengapa `overflow-x: hidden` Tidak Berfungsi pada Penyemak Imbas Mudah Alih dan Bagaimana Saya Boleh Membetulkan Limpahan Mendatar?

Menghapuskan Limpahan Mendatar dalam Penyemak Imbas Mudah Alih

Walaupun menggunakan overflow-x:hidden pada badan tapak web, kandungan terus melimpah melepasi tepi tetingkap dalam mudah alih pelayar. Bar menu hitam, sebagai contoh, melangkaui port pandang, mewujudkan ruang putih yang tidak diperlukan.

Penerangan Isu

Walaupun overflow-x:hidden mengehadkan limpahan mendatar dalam penyemak imbas desktop, ia gagal berbuat demikian pada peranti mudah alih. Ini mengakibatkan kandungan tumpah ke kawasan yang bukan sebahagian daripada teg HTML atau badan.

Menetapkan lebar port pandangan tertentu menggunakan teg juga terbukti tidak berkesan, kerana halaman mengembang melebihi lebar itu dengan ruang putih tambahan.

Penyelesaian

Kunci untuk menyelesaikan isu ini terletak pada mencipta pembungkus tapak