Hogy kell jól elkészíteni egy responsív oldalt?
Az a problémám ,hogy a mai modern készülékek is már gyakran rendelkeznek 1080 px vagy nagyobb szélességgel (1440). És itt már belelóg a mobil felület tartománya a desktop felület tartományába .
Elkerülhetetlen hogy user agent szerint vizsgáljam a készülékeket vagy létezik más megoldás is ?
Az ötleteket/válaszokat előre nagyon szépen köszönök.
1000px alatt tablet - mobil, 1000px felett desktop.
Bár a kijelzőben van 1080x1920, de a DPI és PPI beállítások miatt nem nagyobb a megjelenő felbontás mint 1000px.
pl. S5 -ös Samumnál, 1080x1920 -as kijlző mellet,
a weben 360x640 -es 3:1 -es arányban jelenik meg.
azaz a jobb képet 3x3 -as képpontból állít össze 1px -et.
(1080/3)x(1920/3) = 360x640
720x1280 -as telefonok 1:2 arányúak: 360x640, 2x2 (4px) ad 1 képpontot.
Vannak 1:6 arányúak is (1440x3840), ahol 6x6 (36px) add 1 megjelenő képpontot.
Mivel ezeknél elég pici egy képpont, így részletesebb képet tudnak megjeleníteni.
pl. ha nagyméretű képet jelenít meg, bár szöveg olvashatóság miatt a DPI fel van emelve, így kevesebb hellyel kell gazdálkodni, de a képek sokkal szebben tudnak megjelenni.
DPI -t alapera álíltva bár natív felbontást is lehetne használni, de 1:6 -a lenne betűk mérete, amit már sokan csak nagyítóval látnának.
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!