Problema principală este că, dacă utilizatorul face clic în afara casetei de zoom, zoom-ul va fi blocat și nu va putea mări sau micșora.
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
Vizualizarea este zona vizibilă a utilizatorului a unei pagini web. Acesta variază în funcție de dispozitiv și va fi mai mic pe un telefon mobil decât pe ecranul unui computer.
Partea width=device-width setează lățimea ferestrei de vizualizare pentru a urma lățimea dispozitivului (care va varia în funcție de dispozitiv).
Partea initial-scale=1.0 setează nivelul inițial de zoom atunci când pagina este încărcată prima dată de browser.
Partea maxim-scale=1.0 stabilește cât de mult îi este permis utilizatorului să mărească pe pagină. O valoare de 1.0 înseamnă că nu este permisă mărirea.
Secțiunea user-scalable=no dezactivează orice mărire care ar putea fi disponibilă implicit pe unele dispozitive (cum ar fi atingerea de două ori pentru a mări).
Cum să dezactivați zoom-ul pe o pagină web mobilă
Pentru a dezactiva zoomul pe o pagină web mobilă în HTML, utilizați următorul cod:
Acest lucru va face ca pagina să se potrivească cu lățimea dispozitivului pe care este vizualizată.
Zoom Off
Pentru a micșora în HTML, utilizați proprietatea zoom. De exemplu:
zoom: 1;
Dezactivați scalarea HTML
Scalare HTML este o caracteristică a HTML care permite browserelor web să mărească sau să reducă dimensiunea textului și a imaginilor pentru a le face mai lizibile pe ecrane mai mici sau mai mari. Această caracteristică poate fi dezactivată în majoritatea browserelor setând proprietatea de scalare html la „niciun”.