Hlavním problémem je, že pokud uživatel klikne mimo rámeček přiblížení, přiblížení se uzamkne a nebude moci přibližovat ani oddalovat.
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
Viewport je uživatelsky viditelná oblast webové stránky. Liší se podle zařízení a na mobilním telefonu bude menší než na obrazovce počítače.
Část width=device-width nastavuje šířku výřezu tak, aby odpovídala šířce zařízení (která se bude lišit v závislosti na zařízení).
Část initial-scale=1.0 nastavuje počáteční úroveň přiblížení při prvním načtení stránky prohlížečem.
Část maximum-scale=1.0 nastavuje, jak moc může uživatel stránku přiblížit. Hodnota 1.0 znamená, že není povoleno žádné přibližování.
Část user-scalable=no zakáže jakékoli přibližování, které by mohlo být na některých zařízeních standardně dostupné (například dvojitým klepnutím pro přiblížení).
Jak zakázat přiblížení na mobilní webové stránce
Chcete-li zakázat přiblížení na mobilní webové stránce v HTML, použijte následující kód:
Tím se stránka přizpůsobí šířce zařízení, na kterém je prohlížena.
Zoom Off
Chcete-li oddálit v HTML, použijte vlastnost zoom. Například:
zoom: 1;
Vypněte škálování HTML
Měřítko HTML je funkce HTML, která umožňuje webovým prohlížečům zvětšit nebo zmenšit velikost textu a obrázků, aby byly čitelnější na menších nebo větších obrazovkách. Tuto funkci lze ve většině prohlížečů vypnout nastavením vlastnosti html-scaling na „none“.
