....
Or, it's a number that has nothing to do with pixels or anything else;
It must have to do with something! What probably is confusing is
that if you look at this or that character, it is hard to see how
*16* comes into it (no matter that there are *reports* of it
being resolved to 16px (as Jonathan has said). What is 16px is,
very roughly, the box in which the character is designed, taking
into account that different characters (the black bits in black
coloured letters like a, A, AAcute, y and so on) are different in
height and they all need to line up neatly and so the measure of
the characters height is some standard box for them all, the
boxes being line-upable and stackable. This box, you will find,
is mostly 16px for browsers that give unitless 16 in their
pref/options.
There are some complications in demonstrating this but you can
get close if you attend to line-height (setting it - as against
defaults - to 1) and also, noting that not all letters in all
font families will quite stay in their character boxes, some of
them are a bit like those cartoon characters that burst out of
their frames (there was one I recall, I think it was Little No No
and Sniffy where some character wanted to see what was outside
its world).
16
pixels on a monitor with a vertical screen size of 15" and vertical
resolution of 1500 would render medium fonts 0.16" high. But, since I can
read it, I'm pretty sure that's not happening! ;-)
Full width, single-column, simple div parameters, etc.
My above draft is not exactly "Full width, single-column, simple
div parameters" but you are saying it is easily scrambled by user
settings? That's a worry for me!