Friday, June 27, 2008
Em
Yes, I’ve “emmed” L1 completely so It’s fully elastic now in older browsers. I used an easy “trick”: if you set font-size:62.5%; it means 10px and then you have 1em=10px ratio - very easy to calculate. 554px is 55.4em, now. Cool, huh?
Yeah, but the problems start when you have nested stucture. Example - you set font-size:1.2em; (12px) but with nested structure it will generate something like this:
- Lorem ipsum
- Lorem ipsum
- Lorem ipsum
- Lorem ipsum
- Lorem ipsum
- Lorem ipsum
The easiest solution is:
ul * {font-size:1em}