Thanks to all those who have replied. Changing the media query limits to ems at the rate of 1em = 16 pixels worked well. Likewise for <div> widths and anywhere with default text size.
But widths, margins (in fact any dimension you care to name) went haywire in headings <h?> with a different font-size. All my font-sizes are percentages. Obviously the em value has to be reduced as the font-size increases, to get the same pixel equivalent.
I'm tempted to leave margins, padding etc. in headings as pixels and just change them in the media query if they become unworkable. Particularly when it comes to small spaces (1-10 pixels, say) it seems very fiddly to deal with several decimal places of ems (which probably convert to sub-pixel dimensions).
What do others do ? Regards, Tim Dawson -- Tim Dawson Maolbhuidhe Fionnphort Isle of Mull PA66 6BP 01681 700718 ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
