Hieman tässä on hämmentänyt viewportin ja resoluution välinen ero mobiiliselaimessa. Eli esim. itselläni on Nexus 5 ja sen resoluutioksi on merkitty 1080x1920, mutta sen ( zoom 1 lukittuna ) viewportin koko on vain 360x640 eli mistä tämä ero tulee? Myös sitä olen ihmetellyt, että jos haluan tehdä layoutin tuon kokeiselle laitteelle niin, että käytössä on 100% leveyttä ja korkeutta, sillä tavoin, ettei skrolleja tule näkyviin, niin korkeus jääkin vain 565 pikseliin. Miksi näin, miksei 640 pikseliin?
Osan näytön korkeudesta vievät Androidin tilapalkki sekä näyttöpainikkeet, joilloin sivu ei saa käyttöönsä näytön koko korkeutta.
Se johtuu DPI:stä. Nexus 5 on XXHDPI, jolloin sen kerroin on 3. 360 x 3 = 1080 ja 640 x 3 = 1920. Tätä kerrointa käytetään, kun esimerkiksi Androidille tehdään grafiikoita. XXHDPI vaatii suurempiresoluutioisen kuvan kuin esimerkiksi vanhemmat MDPI-laitteet.
http://developer.android.com/guide/practices/
Windows Phonella ja iOS:llä on tietenkin vastaavat omat viritelmänsä, jotka toimivat varmaan samalla tavalla kuin Androidilla.
Tavallaan tuo on purkkaviritelmä, jolla paikataan nettisivujen huonoutta. Monet nettisivut käyttävät typerästi pikselimittoja, ja jos nämä mitat olisivat mobiililaitteen fyysisiä pikseleitä, sivut olisivat lukukelvottoman pieniä. Sen sijaan on tehty tuollaista viritelmä, jossa pikselin koko mittayksikkönä on suunnilleen vastaava kuin tietokoneella, vaikka piirtotarkkuus on todellisuudessa paljon parempi.
Aihe on jo aika vanha, joten et voi enää vastata siihen.