On Sep 23, 2005, at 4:17 AM, Gunlaug Sørtun wrote:
html { font-size: 100%; /* IE hack */ }
body { font-size: 0.75em; }
...does always result in consistent resizing. However, it does not
prevent unnecessary breaking of some designs, *if* elements further in
are sized _up_.
The reason is simple-- and logical:
Browser-option; 'minimum font size', will act on any defined font-size
that is smaller than users set as acceptable.
Georg,
I haven't seen this documented anywhere. Do you have links? These
preferences effectively set a floor below which no value may be
inherited, radically changing the intent of the preference setting.
I went ahead and created a test page. It seems that this is a
significant problem in all browsers I tested except IE (because it
doesn't support the user preference) and Safari (because it applies
the filter on the final calculated value).
http://www.bivia.com/sandbox/demo/minimum-font-size-inheritance.html
This is very disheartening. It means that if you want to take into
account people setting minimum font sizes, you need to radically
change how you set up your fonts. For example, instead of this
typical setup:
div.content { font-size:0.875em; }
div.content h2 { font-size:2em; }
...you will need to use this:
body { font-size:1.75em; }
div.content h2 { font-size:1em; }
div.content p { font-size:0.5em; }
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
v: (818) 507-6613
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
