Sent by Nick Cowie on 9 July 2004 07:07
Larry wrote:
> It seems that all too often display size causes significant impact
> how my page displays leading me to want to use different fonts or
> column widths depending upon the display size.
My solution to this problem is to work in ems.
Set default text size to 76% ie 1em = 12px.
Set default page size (using a container div) 60ems. (screen width 720px)
Produce columns in relative widths.
Then add a little javascript to change the font size depending on screen resolution.
display is greater than 900 pixels wide, default text size is 81% or 1em = 13px (screen width
780px)
display is greater than 1200 pixels wide, default text size is 87% or 1em = 14px (screen width
840px)
display is greater than 1500 pixels wide, default text size is 94% or 1em = 15px (screen width
900px)
(because in my experience, most people with large monitors do not maximize their browser windows,
like you do when browsing the web on a smaller monitor - comes from working on a 21" and 17" monitor
on the same computer)
Nick
______________________________________________________________________
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/
