Masalah utamanya adalah jika pengguna mengklik di luar kotak zoom, zoom akan terkunci dan mereka tidak akan dapat memperbesar atau memperkecil.
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
Area pandang adalah area yang terlihat oleh pengguna di halaman web. Ini bervariasi dengan perangkat, dan akan lebih kecil di ponsel daripada di layar komputer.
Bagian width=device-width mengatur lebar viewport untuk mengikuti lebar perangkat (yang akan bervariasi tergantung pada perangkat).
Bagian initial-scale=1.0 menetapkan tingkat zoom awal saat halaman pertama kali dimuat oleh browser.
Bagian maximum-scale=1.0 mengatur seberapa banyak pengguna diizinkan untuk memperbesar halaman. Nilai 1.0 berarti tidak ada pembesaran yang diizinkan.
User-scalable=no bagian menonaktifkan pembesaran yang mungkin tersedia secara default di beberapa perangkat (seperti mengetuk dua kali untuk memperbesar).
Cara Menonaktifkan Zoom di Halaman Web Seluler
Untuk menonaktifkan zoom pada halaman web seluler dalam HTML, gunakan kode berikut:
Ini akan membuat halaman sesuai dengan lebar perangkat yang sedang dilihat.
Perkecil
Untuk memperkecil dalam HTML, gunakan properti zoom. Sebagai contoh:
perbesar: 1;
Nonaktifkan Penskalaan HTML
Penskalaan HTML adalah fitur HTML yang memungkinkan browser web memperbesar atau memperkecil ukuran teks dan gambar agar lebih mudah dibaca di layar yang lebih kecil atau lebih besar. Fitur ini dapat dimatikan di sebagian besar browser dengan menyetel properti penskalaan html ke “none”.
