Best main text, font-size for responsive css design ?

lionel.web

Member
Hello to all!
My last sites, have been designed with responsive css. I make use of media queries.
When I check them in some smart phones, the text was not very readable, due to font-size.

I normal use 12-13px font-size for the main text
. I think that is not a good approach. What is the best font-size for all ???
In percentage (%) or in ems. And what size ??
 

Phreaddee

Super Moderator
Staff member
I use rem for all my measurements.

that way when it's scaled up and down if still functions as expected.

which alas doesnt happen with px measurements
 

breno

New Member
I use rem for all my measurements.

that way when it's scaled up and down if still functions as expected.

which alas doesnt happen with px measurements

What's the difference between rem and em? I could look this up but for the sake of discussion... :p
 

chrishirst

Well-Known Member
Staff member
rem == Root relative em

Meaning that it ignores the inheritance cascade and takes the initial size from the "root" of the document model, that being the font size applied to body/html element. Whereas 'em' takes it's initial size (inherits) from the immediate parent element.
 

breno

New Member
rem == Root relative em

Meaning that it ignores the inheritance cascade and takes the initial size from the "root" of the document model, that being the font size applied to body/html element. Whereas 'em' takes it's initial size (inherits) from the immediate parent element.

Thanks for the explanation, i understand. So that being said it makes me sense to use rem over em?
 

chrishirst

Well-Known Member
Staff member
Not necessarily. if your design requires you to override the normal inheritance of font sizes for some reason, .. Then yes.
 
Top