Saat menulis halaman ponsel HTML5, kami akan menemukan bahwa proporsi elemen yang ditampilkan pada halaman tersebut tidak benar.
<meta name = viewport content = width = device-width, skala awal = 1>
Salah satu
<meta name = viewport content = width = perangkat-lebar, skala awal = 1.0, skala minimum = 0,5, skala maksimum = 2.0, skala pengguna = ya />
Lalu mari kita jelaskan kalimat ini:
Viewport: itu berarti jendela tampilan;
width = perangkat-lebar, skala awal = 1.0: Ini berarti lebar jendela tampilan sama dengan lebar layar perangkat, skala awal = 1.0, yaitu, rasio zoom awal adalah 1.0;
Skala minimum: itu berarti rasio minimum diizinkan untuk diizinkan
Maksimal: Ini berarti rasio maksimum yang memungkinkan penskalaan
SCALABLE PENGGUNA: Ini berarti apakah pengguna memungkinkan pengguna untuk mencerca halaman.
Contoh Masalah: Gejala:Saat pengguna mengklik kotak input input pada halaman seluler untuk mengedit teks, halaman akan diperbesar secara otomatis
menyelesaikan:Masukkan label halaman <head> halaman
<meta name = viewport content = width = perangkat-lebar, skala awal = 1.0, skala minimum = 1.0, skala maksimum = 1.0 />
Atau pengguna tidak diperbolehkan memperbesar halaman skalaum scalable = tidak
MeringkaskanDi atas adalah masalah pemecahan zoom ponsel HTML5 yang saya perkenalkan kepada Anda. Terima kasih banyak atas dukungan Anda untuk situs web VEVB Wulin!