Geeks With Blogs

News Please visit me at my new blog!!

profile for Aligned at Stack Overflow, Q&A for professional and enthusiast programmers
"free in Christ Jesus from the law of sin and death." Romans 8:2 (ESV) Check out the Falling Plates video on YouTube.
more about the Gospel
And then listen to Francis Chan speaking at LifeLight in SD.

Programming and Learning from SD

There is a 5 minute video from Sitepoint from Russ Weakley that is worth watching.

Basically REM uses the size from the root, where EM uses the size from the parent. Em can have compounding of sizes.

Note, this doesn’t work in IE 6-8.

Using PX first, then REM is a fallback for old IE (IE will only read the first value and ignore the second).

There's also a poly-fill library, but the fallback seems better.

Here’s the example from the video.


font-size: 32px;

font-size: 2rem;


From the comments on the page “the point to take home is em/rem units are mobile friendly and accessible.” so using em/rem should help with a responsive design.

Posted on Friday, August 30, 2013 11:03 AM | Back to top

Comments on this post: Video about REM units for font sizing in HTML

No comments posted yet.
Your comment:
 (will show your gravatar)

Copyright © Aligned | Powered by: