Riješeno: zaključajte zumiranje html

Glavni je problem u tome što ako korisnik klikne izvan okvira za zumiranje, zumiranje će biti zaključano i neće moći povećavati ili smanjivati.

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

Okvir za prikaz je korisnikovo vidljivo područje web stranice. Razlikuje se ovisno o uređaju i bit će manji na mobilnom telefonu nego na zaslonu računala.

Dio width=device-width postavlja širinu okvira za prikaz tako da prati širinu uređaja (koja će varirati ovisno o uređaju).

Dio initial-scale=1.0 postavlja početnu razinu zumiranja kada preglednik prvi put učita stranicu.

Maximum-scale=1.0 dio postavlja koliko korisnik smije zumirati stranicu. Vrijednost 1.0 znači da nije dopušteno zumiranje.

Dio user-scalable=no onemogućuje svako zumiranje koje bi moglo biti dostupno prema zadanim postavkama na nekim uređajima (kao što je dvostruki dodir za povećavanje).

Kako onemogućiti zumiranje na mobilnoj web stranici

Da biste onemogućili zumiranje na mobilnoj web stranici u HTML-u, koristite sljedeći kod:

Time će stranica odgovarati širini uređaja na kojem se gleda.

Zoom Off

Za smanjivanje u HTML-u koristite svojstvo zumiranja. Na primjer:

zumiranje: 1;

Isključite skaliranje HTML-a

HTML skaliranje je značajka HTML-a koja omogućuje web preglednicima da povećaju ili smanje veličinu teksta i slika kako bi bili čitljiviji na manjim ili većim zaslonima. Ova se značajka može isključiti u većini preglednika postavljanjem svojstva html-scaling na "none".

Povezani postovi:

Ostavite komentar