Sent by tedd on 31 January 2005 23:11
>Isn't it true that not all browsers have the same default font size
>of 16px? I am pretty sure that IE/Win is 16px, but I think remember
>reading that Mac browsers have a smaller default font size, 14px
>maybe?
>
>If that is true, how will it affect the style below?
>
>img
> {
> height: 14.9em; /* to go from pixels to em's, simply divide by 16 */
> width: 21.6em; /* eg., a 240 pixel image becomes 15 em */
> }
Jono:
I work with a Mac and it looks fine for me. And, the answer to your
question is that a Mac uses 12 pixels high to show a 12 point font.
Mac's are funny that way instead of using 16 pixels to display a 12
point font, but I digress.
I think the point here is that regardless of what divisor you use in
the technique, the resultant graphic will scale along with text size
in zoom.
The question one should ask is "What is the closest ratio that will
match the same graphic using pixels?" I tried to run an experiment to
determine that, but I couldn't get enough responses to cover all the
browser/platform/font bases.
In any event, this is a technique that uses css to present graphics
which are tied to text size (i.e., zoom level). It works great for me.
tedd
--
--------------------------------------------------------------------------------
http://sperling.com/
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/