Hlavným problémom je, že ak používateľ klikne mimo rámčeka priblíženia, priblíženie sa uzamkne a nebude môcť priblížiť ani oddialiť.
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
Zobrazená oblasť je oblasť webovej stránky, ktorú vidí používateľ. Líši sa v závislosti od zariadenia a na mobilnom telefóne bude menšia ako na obrazovke počítača.
Časť width=device-width nastavuje šírku výrezu tak, aby sledovala šírku zariadenia (ktorá sa bude líšiť v závislosti od zariadenia).
Časť initial-scale=1.0 nastavuje počiatočnú úroveň priblíženia pri prvom načítaní stránky prehliadačom.
Časť maximum-scale=1.0 určuje, do akej miery môže používateľ stránku priblížiť. Hodnota 1.0 znamená, že nie je povolené približovanie.
Časť user-scalable=no deaktivuje akékoľvek približovanie, ktoré môže byť predvolene dostupné na niektorých zariadeniach (napríklad dvojitým klepnutím na priblíženie).
Ako zakázať priblíženie na mobilnej webovej stránke
Ak chcete zakázať priblíženie na mobilnej webovej stránke v HTML, použite nasledujúci kód:
Stránka sa tak prispôsobí šírke zariadenia, na ktorom sa zobrazuje.
Zoom Off
Ak chcete oddialiť HTML, použite vlastnosť zoom. Napríklad:
priblíženie: 1;
Vypnite škálovanie HTML
Zmena mierky HTML je vlastnosť HTML, ktorá umožňuje webovým prehliadačom zväčšiť alebo zmenšiť veľkosť textu a obrázkov, aby boli čitateľnejšie na menších alebo väčších obrazovkách. Túto funkciu možno vo väčšine prehliadačov vypnúť nastavením vlastnosti html-scaling na „none“.
