For this project we want to introduce rem, a measurement unit that is almost equivalent to em, but is always relative to the root element of the page. So, basically we can define a font size on the html element and then all the sizes will be related to it:
html{
font-size: 20px;
}Now, 1rem corresponds to 20px; the problem of this measurement is that some browsers, such as Internet Explorer version 8 or less, don't actually support it. To find a way around this problem, we can use the following two different fallback measurement units:
em: The good news is thatem, if perfectly tuned, works exactly asrem; the bad news is that this measurement unit is relative to the element'sfont-sizeproperty and is not relative tohtml. So, if we decide to pursue this method, we then have to take extra care every time we deal withfont-size.px: We can use a fixed unit pixel size. The downside of this choice is that in older browsers, we're complicating the ability to dynamically change the...