Bagaimana untuk Mencegah Tatal Mendatar Sepenuhnya pada Halaman Web?

Melarang Penatalan Mendatar Halaman Web

Dalam pertanyaan ini, pembangun yang kecewa menemui bar skrol mendatar yang tidak diingini pada halaman web mereka. Walaupun penyelesaian sedia ada hanya menyembunyikan bar skrol, mereka mencari kaedah komprehensif untuk melumpuhkan ciri skrol mendatar secara fizikal.

Untuk membetulkan isu ini, penyelesaian yang disyorkan ialah melaksanakan kod CSS berikut:

html, body {
    max-width: 100%;
    overflow-x: hidden;
}

Kod ini berkesan menghalang pengguna daripada menatal halaman web secara mendatar, mengehadkan penatalan kepada arah menegak sahaja. Dengan menentukan lebar maksimum 100% untuk HTML dan elemen badan, saiz bekas dihadkan kepada lebar halaman, menghapuskan kemungkinan menatal melepasi sempadan itu. Selain itu, menetapkan sifat limpahan-x kepada tersembunyi memastikan bahawa sebarang kandungan berlebihan melebihi had lebar disembunyikan semata-mata, dan bukannya mencetuskan penatalan mendatar.

Atas ialah kandungan terperinci Bagaimana untuk Mencegah Tatal Mendatar Sepenuhnya pada Halaman Web?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!