彻底弄懂css中单位px和em，rem的区别

所有现代浏览器中，默认网页字号是16px大小，默认1em=16px;那么0.75em=12px;(16*0.75); 但是，你定义了一个body{font-size:32px;}，这时1em=32px;假如你需要一个16px的字体，就要写：font-size: 0.5em; 再然后，em单位很操蛋的是子元素的字号是根据上一级父元素的字号来算的，看例子： body{font-size: 32px;}/*定义了1em=32px*/div{font-size: 0.5em;}div p{font