weixin_44197037的博客

原创 px、em和rem的区别

1.px px：绝对单位。像素px是相对于显示器屏幕分辨率而言的，不会因为其他元素的尺寸变化而变化 。 2.em em：相对单位，相对于父元素而言的。通常16px（浏览器默认字体大小）=1em，则12px=0.75em，10px=0.625em。 为简化font-size的换算，需要在css中的body选择器中声明font-size=62.5%，这就使em的值变为16px*62.5%=10px，这样12px=1.2em，10px=1em，也就是将原来的px值除以10，换上em做单位就可以了。 3.rem