Det största problemet är att om användaren klickar utanför zoomrutan kommer zoomen att låsas och de kommer inte att kunna zooma in eller ut.
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
Viewporten är användarens synliga område på en webbsida. Det varierar med enheten, och kommer att vara mindre på en mobiltelefon än på en datorskärm.
Delen width=device-width ställer in bredden på viewporten så att den följer enhetens bredd (vilket kommer att variera beroende på enhet).
Delen initial-scale=1.0 ställer in den initiala zoomnivån när sidan först laddas av webbläsaren.
Maximal-scale=1.0-delen anger hur mycket användaren får zooma in på sidan. Ett värde på 1.0 betyder att ingen zoomning är tillåten.
User-scalable=no-delen inaktiverar all zoomning som kan vara tillgänglig som standard på vissa enheter (som att dubbeltrycka för att zooma in).
Hur man inaktiverar zoom på en mobil webbsida
För att inaktivera zoom på en mobil webbsida i HTML, använd följande kod:
Detta gör att sidan passar bredden på enheten den visas på.
Zooma av
För att zooma av i HTML, använd zoomegenskapen. Till exempel:
zoom: 1;
Stäng av HTML-skalning
HTML-skalning är en funktion i HTML som gör att webbläsare kan förstora eller minska storleken på text och bilder för att göra dem mer läsbara på mindre eller större skärmar. Den här funktionen kan stängas av i de flesta webbläsare genom att ställa in html-skalningsegenskapen till "ingen".
