Prikaz spletne strani na mobitelu oz. PC-ju

Pozdrav,

zanima me zakaj se spletne strani prikažejo drugače na mobitelu kot na osebnem računalniku? Mislim tukaj na responsive dizajn, je to zaradi ločljivosti zaslona ali fizičnih dimenzij zaslona?

hvala, lp lara.

lara2 je 4. nov 2019 ob 19:04 izjavil:

Pozdrav,

zanima me zakaj se spletne strani prikažejo drugače na mobitelu kot na osebnem računalniku? Mislim tukaj na responsive dizajn, je to zaradi ločljivosti zaslona ali fizičnih dimenzij zaslona?

hvala, lp lara.

Zaradi ločljivosti gotovo ne, ker novodobni mobilniki imajo visoke ločljivosti. Problem je v tem, ker je naprava toliko manjša kot recimo zaslon, tako je tudi "pika" toliko manjša. Druga zadeva je, da se mobilnike gleda po višini, velike zaslone pa po širini in se še tu izgubi precej prostora. Tako na primer na velikem zaslonu spraviš v eno vrsto 6 okenc in so dovolj velika, da jih uporabnik jasno vidi. Na mobilniku bi bilo to tako majhno, da je z uporabniške izkušnje povsem neuporabno. zato se npr. na mobilniku to prikaže tako, da imaš kvečjemu 2 v vrsti ali celo samo 1 okno in se zlagajo od zgoraj navzdol. Skratka odgovor bi bil nekako tako - zaradi fizičnih dimenzij in uporabniške izkušnje.

Kot je napisal že pred mano, se da stran pogledati tudi na mobilniku v takem stanju kot je na desktopu...v tem primeru je vse tako majhno, da je potrebno stran povečevati, da sploh kaj razločiš oz. prebereš, kar pa je z uporabniške izkušnje moteče in neuporabno.

Ko delaš spletno stran narediš različne prikaze za različne širine. Na spletni strani sicer nastavljaš media querije za določene resolucije vendar na telefonu se upošteva velikost "viewporta" in ne dejanske resolucije. Da to tako deluje definiraš z meta tagom.

@lara2 => To je zaradi fizičnih dimenzij telefona. Prikaz elementov na spletni strani se optimizira na majhen zaslon, zato da je bolj berljivo in prijazno uporabniku.