Hey guys ! I'm not sure that i understand why its recommand to use EM more than PX in responsive web design. Can you guys explain me the reason why everybody use EM? thanks !
@LWTBP That brief statement misses out on a bunch of stuff that is explained in the thread @Paulie_D linked to. If you need to continue the conversation, please do it there.
@Dami - Only thing to watch out for with REM's is that IE8 and below don't support them, so make sure to use a PX fallback, placed before the REM in the code, just in case.
Hey guys ! I'm not sure that i understand why its recommand to use EM more than PX in responsive web design. Can you guys explain me the reason why everybody use EM? thanks !
::hotdrama::
This subject has been covered: http://css-tricks.com/forums/discussion/15558/which-font-sizing-is-best-em-vs-px-vs-#Item_42
Please don't start it all up again.
http://css-tricks.com/why-ems/
I think it's a fun discussion to 'start it all up again' because of what I read here: Beginner's Course on HTML CSS by Shay Howe
Scroll to the portion on text sizes. That course's advanced course was suggested by Chris so I assume the Basic one holds water too.
@LWTBP That brief statement misses out on a bunch of stuff that is explained in the thread @Paulie_D linked to. If you need to continue the conversation, please do it there.
Just to add a little extra to this, I use REM's instead of EM's as the math gets complex using EM's.
REM's base themselves on the HTML font-size. So nested font-sizes don't get exponentially bigger/smaller/more complex.
If you use SASS/SCSS - don't go alone, take this Mixin;
Thank you! I thought it was my imagination the first time I saw that happening. I hate using EMs just for that reason.
Yes, I will read everything on that link.
@Dami - Only thing to watch out for with REM's is that IE8 and below don't support them, so make sure to use a PX fallback, placed before the REM in the code, just in case.
Ditto for vw, vh and vmin
http://www.sitepoint.com/new-css3-relative-font-size/