Overflow-x:hidden Tidak Berfungsi dalam Penyemak Imbas Mudah Alih
Dalam isu ini, bar menu hitam tapak web berkembang melepasi tepi tetingkap dalam mudah alih pelayar, walaupun menggunakan overflow-x:hidden pada badan. Ruang kosong yang berlebihan ini tidak dapat dijelaskan dan nampaknya di luar struktur HTML.
Penyelesaian:
Untuk menyelesaikan isu ini, pengarang mencadangkan merangkum kandungan tapak web dalam div pembalut dan menggunakan overflow-x:hidden pada pembungkus dan bukannya badan atau html.
Nampaknya, penyemak imbas mengutamakan teg meta port pandang dan mengabaikan atribut limpahan pada elemen html dan badan. Dengan meletakkan atribut limpahan dalam div pembalut, kekangan digunakan dengan berkesan, mengehadkan pengembangan kandungan. Selain itu, menambah kedudukan: relatif kepada div pembalut mungkin juga diperlukan.
Contoh:
<body> <div>
#wrapper {
overflow-x: hidden;
position: relative;
}Atas ialah kandungan terperinci Mengapa `overflow-x: hidden` Tidak Berfungsi pada Bar Menu Mudah Alih Saya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
