css em

元素自身没有设置字号大小时，元素的width、height、line-height、margin、padding、border等值转换都按父元素的font-size来设置，如果自身有字号大小，那么元素的width、height、line-height、margin、padding、border等值转换要按照本身的font-size来设置

1、浏览器的默认字体大小是16px

2、如果元素自身没有设置字体大小，那么元素自身上的所有属性值如“boder、width、height、padding、margin、line-height”等值，我们都可以按下面的公式来计算

1 ÷ 父元素的font-size × 需要转换的像素值 = em值

3、这一种千万要慢慢理解，不然很容易与第二点混了。如果元素设置了字体大小，那么字体大小的转换依旧按第二条公式计算，也就是下面的：

1 ÷ 父元素的font-size × 需要转换的像素值 = em值

那么元素设置了字体大小，此元素的其他属性，如“border、width、height、padding、margin、line-height”计算就需要按照下面的公式来计算：

1 ÷ 元素自身的font-size × 需要转换的像素值 = em值

著作权归作者所有。
商业转载请联系作者获得授权,非商业转载请注明出处。
原文:  http://www.w3cplus.com/css/px-to-em  ©  w3cplus.com