Sizing with rem
Usually font sizing is done with either the
px or the
em unit. Unlike the
em is relative to the
font-size inherited by the element. This is great and has a lot of advantages, however things can get messy as you nest your elements. This brings us to the rem unit, which is equal to the computed value of
font-size on the root element. Sounds like the magic solution and in many ways it actually is. Browser support is very good with IE9+.