CSS Values and Units Module Level 3
Font sizing with Rem
Font sizing with rem could be avoided
In Defense Of Rem Units
Using CSS3 “rem” Units for “Elastic Pixels”
Sub-Pixel Problems in CSS
There’s more to the CSS rem unit than font sizing
REM-unit-polyfill
The Lengths of CSS
length
JS Fiddle example
Thank you
As IE8 gets further and further in the past I feel like the reason to not use px is less and less. Although I think there are other downsides to px that you didn't mention. maybe this video needs an update since it's from 2013?
But I came for the rem description and learnt something so thanks
Very helpful
Around 2:30 you are talking about next li tags. How the nested li tag font size will be smaller because of the issue. Not true, if you know CSS you would know you would use '>' to select the first level of tags.
Thanks
Thank you, this is very helpful.
thanks
Great tutorial – I'm looking into rem units and it seems to be the go!
Very well explained. Very enlightening.
Thanks a ton! Exactly what I needed to know 🙂
Awesome video; just what I needed to get a quick, basic overview of CSS em and rem units.
great tut 😀 thanks i understand know it better, but i try the first one for pixels in ie it's work , support font-size with ie7 , 8 ..etc
Excellent, thanks for making this video!
Here's something to think about.
Specifying padding and margins in em creates a responsive layout, such that the entire layout expands or contracts with font-size. But is that a good thing?
Do users with large fonts need twice as much space around them? Or is it just a waste of valuable space. Increasingly, I'm drawn towards the latter view — specifying padding and margin in px, so that it doesn't expand with font-size.
I also find rem units to be very useful in responsive web design. But, out of curiosity, why do you say to use em for padding? Why not rem for that too?
Pixels are not conducive to responsive layouts, and responsive layouts are increasingly important as more and more different kinds of devices allow for Web browsing.
Rem is really useful in responsive site where font-size as rem and margin, padding as em. I think only rem can do this magic.
Remind me again what's wrong with pixels? Assuming if zooming is so important to a user, they would have switched from IE5-8 by now.