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相乘*/
}
CSS3相对单位： em && rem
原文地址：https://www.cnblogs.com/xjy20170907/p/8335098.html