A fő probléma az, hogy ha a felhasználó a zoom dobozon kívülre kattint, akkor a zoom le lesz zárva, és nem tud nagyítani vagy kicsinyíteni.
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
A nézetablak egy weboldal felhasználó által látható területe. Ez az eszköztől függően változik, és mobiltelefonon kisebb lesz, mint számítógép képernyőjén.
A width=device-width rész beállítja a nézetablak szélességét, hogy kövesse az eszköz szélességét (amely eszköztől függően változhat).
A kezdeti méretarány=1.0 rész beállítja a kezdeti nagyítási szintet, amikor az oldalt először betölti a böngésző.
A maximum-scale=1.0 rész azt állítja be, hogy a felhasználó mennyit nagyíthat az oldalon. Az 1.0 érték azt jelenti, hogy a nagyítás nem engedélyezett.
A user-scalable=no rész letilt minden olyan nagyítást, amely egyes eszközökön alapértelmezés szerint elérhető (például dupla koppintás a nagyításhoz).
A nagyítás letiltása egy mobil weblapon
A HTML-ben lévő mobil weboldal nagyításának letiltásához használja a következő kódot:
Ezáltal az oldal illeszkedik a megtekintett eszköz szélességéhez.
Kicsinyítés
A HTML kicsinyítéséhez használja a zoom tulajdonságot. Például:
zoom: 1;
Kapcsolja ki a HTML-skálázást
A HTML-skálázás a HTML egy olyan funkciója, amely lehetővé teszi a webböngészők számára a szöveg és a képek méretének nagyítását vagy csökkentését, hogy azok jobban olvashatóak legyenek kisebb vagy nagyobb képernyőkön. Ez a funkció a legtöbb böngészőben kikapcsolható, ha a html-skálázási tulajdonságot „nincs” értékre állítja.