Question

Im reading about optimal font sizing and layout sizing…and Im looking into em instead of px.

From what I understand, if I make the css like this;

html {
font-size: 16px;
}

body {
    font-size: 1em;
}

It will force the browser to make 16px = 1em, and that will enable me to do width and height properties by calculating desired pixels/16, right?

Answer 1

Almost all browsers gave their default font size as 16px.

So if you simply set font-size:100% on your body tag then work from that you’ll be golden.

Here’s a good site that I use for calculating font-sizes from your base size:

http://riddle.pl/emcalc/

In the settings tabs simply change it to 16px and that’s you set.