Ang pangunahing problema ay kung mag-click ang user sa labas ng zoom box, mai-lock ang zoom at hindi nila magagawang mag-zoom in o out.
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
Ang viewport ay ang nakikitang lugar ng user ng isang web page. Nag-iiba ito sa device, at magiging mas maliit sa isang mobile phone kaysa sa isang computer screen.
Itinatakda ng width=device-width na bahagi ang lapad ng viewport upang sundin ang lapad ng device (na mag-iiba depende sa device).
Itinatakda ng initial-scale=1.0 na bahagi ang paunang antas ng zoom kapag unang na-load ng browser ang page.
Itinatakda ng maximum-scale=1.0 na bahagi kung gaano kalaki ang pinapayagang mag-zoom in ng user sa page. Ang halaga ng 1.0 ay nangangahulugan na walang pag-zoom ay pinapayagan.
Hindi pinapagana ng user-scalable=no part ang anumang pag-zoom na maaaring available bilang default sa ilang device (tulad ng double-tapping upang mag-zoom in).
Paano I-disable ang Zoom sa isang Mobile Web Page
Upang huwag paganahin ang pag-zoom sa isang mobile web page sa HTML, gamitin ang sumusunod na code:
Gagawin nitong magkasya ang page sa lapad ng device kung saan ito tinitingnan.
Mag-zoom Off
Upang mag-zoom off sa HTML, gamitin ang zoom property. Halimbawa:
zoom: 1;
I-off ang HTML Scaling
Ang HTML scaling ay isang feature ng HTML na nagbibigay-daan sa mga web browser na palakihin o bawasan ang laki ng text at mga larawan upang gawing mas nababasa ang mga ito sa mas maliit o mas malalaking screen. Maaaring i-off ang feature na ito sa karamihan ng mga browser sa pamamagitan ng pagtatakda ng html-scaling property sa “wala”.