-
Book Overview & Buying
-
Table Of Contents
Designing Next Generation Web Projects with CSS3
By :
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 that
em, if perfectly tuned, works exactly as rem; the bad news is that this measurement unit is relative to the element's
font-size property and is not relative to html. So, if we decide to pursue this method, we then have to take extra care every time we deal with font-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...
Change the font size
Change margin width
Change background colour