Bagaimanakah Anda Boleh Menghalang Bar Alamat Daripada Bersembunyi dalam Penyemak Imbas Mudah Alih?

Mengatasi Address-Bar Menyembunyikan dalam Penyemak Imbas Mudah Alih

Apabila membangunkan tapak web dengan reka letak mendatar, ia boleh mengecewakan untuk mengalami tingkah laku menatal yang tidak diingini kerana mekanisme penyembunyian automatik bar alamat. Isu ini boleh mencetuskan peristiwa mengubah saiz tetingkap yang tidak diperlukan dan menghalang penatalan kotak kandungan yang dimaksudkan.

Mengatasi Masalah

Untuk mengelakkan mekanisme penyembunyian bar alamat, perkara berikut penyelesaian boleh dilaksanakan:

1. Lumpuhkan Limpahan HTML: Tetapkan html { limpahan: tersembunyi; } untuk mengelakkan penatalan keseluruhan dokumen.
2. Betulkan Kedudukan Badan: Tetapkan badan { kedudukan: tetap; } untuk menetapkan badan pada saiz tetingkap.
3. Kawal Tatal Menegak: Tambah badan { limpahan-y: tatal; } untuk membenarkan tatal menegak dalam elemen badan.
4. Tingkatkan Tatal iOS: Tingkatkan tatal untuk peranti iOS dengan menetapkan -webkit-overflow-scrolling: touch;.

Coretan Kod:

<code class="css">html {
  background-color: red;
  overflow: hidden;
  width: 100%;
}

body {
  height: 100%;
  position: fixed;
  background-color: lightgreen;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}</code>

Dengan menggunakan penyelesaian ini, bar alamat akan kekal kelihatan pada setiap masa, menghalang penatalan yang tidak perlu dan meningkatkan pengalaman pengguna pada tapak web dengan reka letak mendatar.

Atas ialah kandungan terperinci Bagaimanakah Anda Boleh Menghalang Bar Alamat Daripada Bersembunyi dalam Penyemak Imbas Mudah Alih?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!