px、em、rem的区别css单位换算，腾讯3轮面试都问了前端事件分发

在进行转换之前，我们一定要查看浏览器默认字体（最小）大小，如chrome浏览器，默认字体最小为12px，所以即使我们为了方便设置1em=10px，其浏览器仍旧以1em=12px计算。

16px*0.75=12px=1em

body{font-size: 12px;}

或者{font-size: 75%;}

em与rem区别

rem与px，和em与px转换是一样的，二者区别在于前者默认从根元素继承，后者从父级元素继承，还是上述代码，html我们不设置font-size，其默认为16px，上代码展示（div3单位我们修改为rem）：