CSS Fluid layouts

Question

I am designing a website using the CSS fluid layout (based on adaptive/responsive web design)

So I would not give anything as fixed value i.e. in px (only use %)

My question is ; While I do understand if I give the container a width of 100%, it would get calculated based on the browser window ( or viewport width) . But what about the font sizes like when we say 100% or 1 em for the body font, how will that be calculated ? Also are the visible font-sizes going to be same on desktop as well as mobile devices ?

Answer 1

Relative font-size units are calculated from user default font-size, you have to use media queries if you want to adjust font-size from screen dimensions.

On mobile device text appears smaller because resolution is greater, be careful!