Det største problem er, at hvis brugeren klikker uden for zoomboksen, vil zoomen blive låst, og de vil ikke være i stand til at zoome ind eller ud.
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
Viewporten er brugerens synlige område på en webside. Det varierer med enheden, og vil være mindre på en mobiltelefon end på en computerskærm.
Bredde=enhedsbredde-delen indstiller bredden af visningsporten til at følge enhedens bredde (hvilket vil variere afhængigt af enheden).
Initial-scale=1.0 delen indstiller det indledende zoomniveau, når siden først indlæses af browseren.
Maximum-scale=1.0 delen angiver, hvor meget brugeren må zoome ind på siden. En værdi på 1.0 betyder, at ingen zoom er tilladt.
User-scalable=no-delen deaktiverer enhver zoom, der kan være tilgængelig som standard på nogle enheder (såsom at dobbelttrykke for at zoome ind).
Sådan deaktiveres zoom på en mobil webside
For at deaktivere zoom på en mobilwebside i HTML skal du bruge følgende kode:
Dette vil få siden til at passe til bredden af den enhed, den bliver vist på.
Zoom fra
For at zoome fra i HTML skal du bruge zoomegenskaben. For eksempel:
zoom: 1;
Slå HTML-skalering fra
HTML-skalering er en funktion i HTML, der gør det muligt for webbrowsere at forstørre eller reducere størrelsen af tekst og billeder for at gøre dem mere læsbare på mindre eller større skærme. Denne funktion kan slås fra i de fleste browsere ved at indstille html-skaleringsegenskaben til "ingen".
