Bagaimanakah Saya Boleh Menghentikan Bar Alamat Daripada Bersembunyi dalam Penyemak Imbas Mudah Alih?

Memelihara Bar Alamat Kelihatan dalam Penyemak Imbas Mudah Alih

Dalam mereka bentuk tapak web dengan reka letak mendatar, pembangun sering menghadapi isu bar alamat secara automatik bersembunyi apabila menatal. Ini boleh mengganggu tatal menegak dalam kotak kandungan dan mencetuskan peristiwa saiz semula tetingkap yang tidak diingini. Untuk menangani masalah ini, penyelesaian dicari yang melumpuhkan mekanisme penyembunyian automatik ini merentas pelbagai peranti.

Penyelesaian:

Kod CSS berikut berkesan menghalang bar alamat daripada penyembunyian automatik:

<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>

Penjelasan:

• Limpahan elemen html: sifat tersembunyi melumpuhkan penatalan sama sekali.
• Elemen badan kedudukan: sifat tetap memastikan bahawa kedudukan badan kekal tetap dalam port pandangan, menghapuskan keperluan untuk peristiwa mengubah saiz tetingkap.
• Sifat limpahan-y: tatal membolehkan tatal menegak dalam badan.
• The -webkit-overflow-scrolling: touch property mengoptimumkan prestasi menatal pada peranti iOS.

Demonstrasi:

Contoh berikut menggambarkan kesan penyelesaian:

• Tanpa penyelesaian: http://maxeffenberger.de/test.html (tidak boleh ditatal)
• Dengan penyelesaian: http ://maxeffenberger.de/test2.html (boleh ditatal secara mendatar dan menegak)

Dengan melaksanakan kod CSS ini, pembangun boleh menghalang bar alamat daripada bersembunyi secara automatik dan memastikan pengalaman menatal yang lancar dalam penyemak imbas mudah alih.

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