Bagaimana untuk Menghapuskan \'Tatal Terlebih\' yang Tidak Diingini dalam Chrome untuk Mac?

Mengatasi "Tatal Terlebih" dalam Halaman Web

Dalam Chrome untuk Mac, "menatal terlebih" ialah kesan yang tidak diingini yang membolehkan pengguna menyeret halaman melebihi kawasan tontonan biasa, seperti yang dilihat pada gambar yang disediakan. Untuk menangani isu ini dan meningkatkan pengalaman pengguna, pertimbangkan dua kaedah berikut:

Kaedah 1: Mengehadkan Penatalan Terlebih

Jika anda ingin melumpuhkan penatalan berlebihan sepenuhnya, gunakan kod CSS berikut:

html {
    overflow: hidden;
    height: 100%;
}

body {
    height: 100%;
    overflow: auto;
}

Limpahan: sifat tersembunyi pada elemen menghalang sebarang kandungan limpahan daripada kelihatan, mengikat halaman dengan berkesan dalam port pandangannya. Limpahan: sifat auto pada elemen membenarkan penatalan semula jadi dalam ketinggian yang ditetapkan halaman, tetapi mengehadkan penatalan terlebih dahulu.

Kaedah 2: Menyesuaikan Gelagat Penatal Terlebih

Untuk menyesuaikan dan mengawal gelagat penatal lampau, gunakan sifat tindakan sentuh:

body {
    -webkit-touch-callout: none;
    -webkit-touch-action: manipulation;
}

Kod di atas menghalang pemilihan teks sambil membenarkan manipulasi sentuhan umum, termasuk menatal dalam ketinggian halaman yang ditentukan. Untuk kawalan yang lebih berbutir, anda boleh menentukan nilai tindakan sentuh yang tepat, seperti pan-x untuk membenarkan penatalan mendatar sahaja.

Atas ialah kandungan terperinci Bagaimana untuk Menghapuskan 'Tatal Terlebih' yang Tidak Diingini dalam Chrome untuk Mac?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!