Glavna težava je, da če uporabnik klikne zunaj polja za povečavo, bo povečava zaklenjena in ne bo mogel povečati ali pomanjšati.
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
Vidno polje je uporabniku vidno območje spletne strani. Razlikuje se glede na napravo in bo na mobilnem telefonu manjši kot na računalniškem zaslonu.
Del width=device-width nastavi širino vidnega polja tako, da sledi širini naprave (ki se razlikuje glede na napravo).
Del initial-scale=1.0 nastavi začetno stopnjo povečave, ko brskalnik prvič naloži stran.
Del največje lestvice=1.0 določa, koliko sme uporabnik povečati stran. Vrednost 1.0 pomeni, da povečava ni dovoljena.
Del user-scalable=no onemogoči kakršno koli povečavo, ki je morda privzeto na voljo v nekaterih napravah (na primer dvakratni dotik za povečavo).
Kako onemogočiti povečavo na mobilni spletni strani
Če želite onemogočiti povečavo na mobilni spletni strani v HTML, uporabite naslednjo kodo:
Tako bo stran ustrezala širini naprave, v kateri jo gledate.
Zoom Off
Za pomanjšanje v HTML uporabite lastnost povečave. Na primer:
povečava: 1;
Izklopite skaliranje HTML
Skaliranje HTML je funkcija HTML, ki omogoča spletnim brskalnikom, da povečajo ali zmanjšajo velikost besedila in slik, da so bolj berljivi na manjših ali večjih zaslonih. To funkcijo lahko v večini brskalnikov izklopite tako, da lastnost html-scaling nastavite na »none«.
