Font size u postotku parenta

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?

http://jsfiddle.net/NMdtW/

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 :smiley:

Ono sto ti trazis se ne moze postici samo sa CSS-om, moras koristiti js.

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 ?

Da, to je ono sta on zeli.

E onda JS. Mada je moguće simulirat do određene mjere i u css-u, ali je rigidno i ograničeno riješenje.
http://codepen.io/anon/pen/zBIJL

Sass/Less i stvar riješena.

Hvala na odgovorima.

Ako se već treba oslanjat na JS za to, onda ovo dobro funkcionira: font_size=parent.style.height+'px';


Copyright © 2020 WM Forum - AboutContact - Sponsored by: Mydataknox & Profit Monkey