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相乘
*/
}