长度单位px、em和rem的区别是什么？

px是固定像素,一旦设置就无法因适应页面大小改变

em,rem都是相对长度单位,适用于响应式布局

em是相对于父元素设置字体大小,一般都是以body中的font-size为基准

(浏览器中默认字体尺寸为16px，换句话说1em=16px;那么0.75em=12px,0.625em=10px。为了简化font-size的换算，需要在css中的body选择器中声明Font-size=62.5%，这就使em值变为16px*62.5%=10px)

rem是相对于根元素html,这就需要设置一个参考值