px 和 em 都是长度单位，两者的区别是:
px 的值是固定的，指定为多少就是多少，计算比较容易;
em 的值不是固定的，是相对于容器字体的大小，并且 em 会继承父级元素的字体大小 。
浏览器的默认字体高都是 16px，所以未经调整的浏览器都符合 lem=l6px ， 那么 12px= 0.75em, 10px=0.625em.
与 em 对应的另一个长度单位是 rem，是指相对于根元素(通常是 HTML 元素)字 体的大小 。