Mengapa Penyemak Imbas Mudah Alih Saya Menunjukkan Limpahan Kandungan Walaupun dengan `overflow-x: hidden` pada Badan?-tutorial css-php.cn

Mengapa Penyemak Imbas Mudah Alih Saya Menunjukkan Limpahan Kandungan Walaupun dengan `overflow-x: hidden` pada Badan?

Patricia Arquette

Lepaskan： 2024-12-14 14:26:15

asal

674 orang telah melayarinya

Why Does My Mobile Browser Show Content Overflow Even with `overflow-x: hidden` on the Body?

Limpahan Kandungan dalam Penyemak Imbas Mudah Alih dengan "overflow-x:hidden"

Walaupun menetapkan "overflow-x:hidden" untuk elemen badan , pengguna mengalami limpahan kandungan dalam penyemak imbas mudah alih. Bar menu melangkaui lebar halaman, meninggalkan ruang kosong di sebelah kanan.

Penyelesaian

Untuk menangani isu ini, buat pembungkus

dalam elemen dan gunakan sifat "overflow-x: hidden" pada pembalut. Ini secara berkesan menyembunyikan kandungan berlebihan dalam penyemak imbas mudah alih.

Adalah penting untuk ambil perhatian bahawa sesetengah penyemak imbas mungkin mengabaikan atribut limpahan yang digunakan pada dan teg apabila viewport ditentukan menggunakan teg "meta name='viewport'". Oleh itu, menggunakan "overflow-x:hidden" terus pada elemen badan mungkin tidak mencukupi.

Selain itu, menambah "kedudukan: relatif" pada pembalut

disyorkan untuk memastikan paparan yang betul dalam pelayar mudah alih. Dengan mengandungi limpahan dalam pembalut, port pandangan 1100px dikekalkan dan kandungannya terputus dengan berkesan.

Atas ialah kandungan terperinci Mengapa Penyemak Imbas Mudah Alih Saya Menunjukkan Limpahan Kandungan Walaupun dengan `overflow-x: hidden` pada Badan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber：php.cn

Artikel sebelumnya：Bagaimanakah Saya Boleh Mengoptimumkan Penggunaan `background-image` CSS untuk Prestasi Lebih Baik dan Keserasian Penyemak Imbas? Artikel seterusnya：Bagaimana Saya Boleh Mencipta Drop Shadow untuk Imej PNG Tidak Teratur dalam CSS?

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang

Isu terkini

function_exists() tidak boleh menentukan fungsi tersuai Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...

daripada 2024-04-29 11:01:01

2187

Bagaimana untuk memaparkan versi mudah alih Google Chrome Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?

daripada 2024-04-23 00:22:19

2334

Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas. Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.

daripada 2024-04-19 15:37:47

1961

Tiada output dalam tetingkap induk document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...