Responzívny web - jednotky

Programovacie jazyky, rady, poradňa...
maetoo
Light Star
Light Star
Príspevky: 263
Registrovaný: 24 okt 2009, 20:05
Bydlisko: Trenčín

Responzívny web - jednotky

Príspevok od používateľa maetoo »

Zdravim Vas.
Pri programovani novej responzivnej stranky
pouzivate pri prikazoch napr. widht a height
pixely(px), alebo percenta(%)?
Alebo si komplet celu webstranku napisete v
pixeloch a to potom prepocitate na percenta?
Ake su Vase skusenosti? Ako postupujete
pri programy?
Michaelo
Hardcore addict
Hardcore addict
Používateľov profilový obrázok
Príspevky: 6177
Registrovaný: 16 júl 2008, 20:29
Bydlisko: Pri PC
Kontaktovať používateľa:

Re: Responzívny web - jednotky

Príspevok od používateľa Michaelo »

Vacsinou to je mix. Plynule responzivne casti su v % a casti ktore sa menia len pri urcitych rozliseniach su vacsinou v pixeloch a cez media queries na nizsich rozliseniach len zmensujes ich velkost. Niektore casti su zasa v PX a potom ich prepinas na %.

Robit uplne cely web v % je docela otravne, hlavne ked to potrebujes mat pixel perfect ;)
sterver
Light Star
Light Star
Používateľov profilový obrázok
Príspevky: 255
Registrovaný: 16 jún 2010, 14:22

Re: Responzívny web - jednotky

Príspevok od používateľa sterver »

Myslím, že ďalšie zaujímavé jednotky, ktoré sa dajú pri responzívnom dizajne uplatniť sú em, vh, vw.
http://www.w3schools.com/cssref/css_units.asp

Percentám by som sa skôr vyhol, jedine na vyplnenie nejakého priestoru (šírka stránky).
jorg22
Medium Professional
Medium Professional
Používateľov profilový obrázok
Príspevky: 1087
Registrovaný: 12 aug 2006, 20:39
Kontaktovať používateľa:

Re: Responzívny web - jednotky

Príspevok od používateľa jorg22 »

Percentam sa urcite nevyhybaj :roll: Mozes sa inspirovat napr nejakym frameworkom na vytvaranie responzivnych stranok a pozriet sa ako to riesia oni. Taky Bootstrap definuje vacsinou presnu sirku obsahu v pixeloch pre vacsie obrazovky a na tych uzsich pouziva percenta.

Percenta su asi najdolezitejsie pri responzivite a usetria ti vela prace. Jednotkam vw a vh by som sa vyhybal co najviac, kedze este niesu vsade podporovane a havne starsie prehliadace ich vobec nepoznaju.

Zhrnul by som to asi tak ze na sirku elementov pouzivaj vzdy percenta ak mozes, vysku nechaj na auto. Obsah stranky nenechaj na velkych obrazovkach na 100% sirku, presne ju definuj v urcitych rozmedziach. Na vertikalne odsadenia pouzivaj pixely.
Pouzivaj media queries. Velkost pisma definuj v pixeloch iba pre cely dokument, napr. pre tag body. Na vsetky ostatne pisma pouzivaj jedotky em.

Ak sa budes drzat tychto pravidiel a spravne si navrhnes stranku tak sa uplne vyhnes zbytocnym jednotkam vw. Jednotky vh pouzijes iba v pripade ze nieco budes chciet prisposobit na vysku stranky.
Napísať odpoveď