I have two questions:


(1) When designing applications for the Web, could you please point out how does one take into account screen resolutions? What should be the base that I must take for a start when I build the website?

One thing that comes to mind is to design on the lowest resolution that the target users will have and then provide percentages for every CSS units in all CSS selectors. Is this the right thing?


(2) How do you control font sizes? Mostly all websites I see will resize their font if I select a different font size from the IE View -> Text Size menu or by changing the size in Firefox.

However, some websites have their fonts fixed and they don't change their font size no matter what you adjust your browser's font size setting to. That is a pain in the ass, especially when their font sizes are tiny arials. I do not want that to happen to my website. How do I stop that? I used to think the fixed size comes from specifying an absolute size in CSS units, like 11px or 1.05in etc. and the adjustable font size comes from specifying a percentage or a relative CSS units such as 1.2em, or 3ex or 40% or 'smaller' etc.

What gives?