CSS3相对单位： em && rem

em：

1. em相对于元素父元素的font-size。比如说：如果一个<div>的font-size为“16px”，此时，如果其子元素的字体大小设置为“0.75em”，那么其字体大小计算出来后就相当于“0.75 * 16px = 12px”

2. p { margin: 1em 0 }

表示段落上下留1em空白，则具体的p元素的字体大小如果是12px，留白也是12px，如果字体为16px，留白也是16px。

rem：

rem相对的是HTML根元素，即html元素，如：

html{
    font-size: 14px;
}
p{
    font-size: 2rem;  /* 此时p的字体大小为28px，即html的font-size和p的font-size相乘 */
}