Kako da postavim da se veličina fonta prilagođava veličini parenta?
Nisu mi baš jasni oni em, % ili pt. Koji god način da koristim, ako definiram drugačije veličinu parenta to ne utječe na veličinu fonta koji se nalazi unutar tog parenta.
Any help?
Dokle god ti je child element u %, nebi trebalo biti problema ako želiš da se skalira u odnosu na parent, mada sam koristio i em jedinicu pa je dolazilo do skaliranja…
Inače, 1em = 16px = 100% ako se ne varam. No % se mijenja u odnosu na parent, pa to pripazi.
Koliko ja kužim, postotak se mijenja na parent, ALI na parent definirane veličine fonta…a ne veličine parenta.
Ja bi kad promjenim iz
parent.style.height='15px' —> parent.style.height='30px' …da to font poprati
ili parent može biti definiran i u %, nebitno parent.style.height='50%' —> parent.style.height='100%'
…ja zapravo ne mijenjam direktno veličinu parentu koji nosi font, ja mijenjam veličinu glavnom box-u, a sva njegova djeca su posložena po postotcima u odnosu na taj glavni. I sad kad neko dijete glavnog boxa sadrži font, taj font ne bude pod utjecajem promjene veličine glavnog box-a.
Trenutno to rješavam sa JS, tako da tom fontu kažem da je: font_size=parent.style.height+'px'; …i to radi, ali bi bilo bolje kad bi znao i mogao sa CSS-om.
Fontove možeš skalirati pomoču em,rem ili %.
Ovo što ti je on rekao je točno.
Danas 99% preglednika ima 16px defaultni font-size.
Svi su relativni na parent element osim REM-ova koji su relativni na root element(html). http://jsfiddle.net/Q59H4/1/
Ako želiš možeš skalirat fontove novim jedinicama vw,vh,vmin,vmax oni su relativni na širinu viewporta(vw) i
visinu viewporta(vh). Ali podrška je labava na mobitelima za sad http://caniuse.com/#feat=viewport-units
Bježi od JS-a kad je ovo u pitanju
sad sam malo bolje pročitao šta je napisao , on hoće da mu se font povećava ili smanjuje kako mu se širina ili visina parenta-elementa povećava odnosno smanjuje ?