px和em都是长度单位,区别是,px值是固定的,指定多少就是多少,计算比较容易。em的值不是固定的,并且em会继承父级元素的字体大小。
浏览器的默认字体高都是16px。所以未经调整的浏览器都符合1em = 16px。那么12px = 0.75em,10px = 0.625em。