em VS px
7 naročnikov
7 naročnikov
Izkusnje? Kompatibilnost? Posebnosti?
Resno razmisljam, da bi eno celotno aplikacijo prepisal v % in em. Ampak dobro bi bilo vedeti, v kaj se spuscam...
16 odgovorov
Zgolj sprasujem, nimam posebne prefrence glede velikosti :) Odvisno, od 11 pa do 13px je ponavadi default velikost pri nas.
Pri nas uporabljamo 12px za body, ostali elementi pa potem em relativno glede na pomembnost. Sicer so detajli različni od projekta do projekta, vendar načeloma je h1 recimo 2em, h6 pa 1em.
Pa 12px dolocite fiksno ali uporabite kak % itd... sprasujem, ker je razlika ce ima nekdo defualt 16px ali 22px.
Sicer sme pa nedolgo nazaj bral clanek, da je em ali % mrtev, v smislu da vsi moderni browserji podpirajo zoom. Sicer se ne strinjam cisto, ker mislim da vecina folka ne zna uporabljati zooma, so pa izredno dodelani.
velika vecina dizajnov je narejena na fiksno širino 960px, tako da imamo tudi font nastavljen na 12px. Ta osnovni font služi kot osnova, na katero se potem relativno nanašajo ostali elementi, v skladu s tem, kaj skušaš poudarit.
Če bi imel tekoč dizajn bi pa lahko tudi prilagajal osnovni font glede na širino zaslona recimo (in s tem zopet ostale elemente relativno na osnovni font).
Tudi mi skoraj nikoli ne uporabljamo em za določanje velikosti, širin. Večinoma so dizajni fiksnih širin s pisavo nekje od 10px so 13px, razen naslovi so potem večji, seveda. Odvisno od tega potem priredimo tudi ostale grafične elemente. Ravno v tem času pa pripravljamo en projekt oz. je že v fazi izdelave, kjer bomo vse priredili s % glede na pozicije in veliksoti vidnega polja v brskalniku (z JS).
Antony, kako bi pa osnovni font prilagajas na sirino zaslona?
Tomcater, a samo s CSS ne bi slo?
Glede tistega projekta sem se odlocil za % v kombinaciji z em:
- sirina je 100%, ker je ogromno vsebine, paddingi margini layouta so v %
- fonti so em, prav tako razmaki in paddingi posameznih elementov