关于px, em, rem的区别

一，区别:

px是相对于显示器屏幕分辨率而言的.

em是相对于父元素的属性来计算的.

rem是相对于html根元素字体的大小来计算的.

二，特点：

px:IE无法调整那些使用px作为单位的字体大小

em:值不是固定的，会继承父元素的字体大小

rem:值也不是固定的，会根据根元素的字体大小进行计算

三，注意

任何浏览器的默认字体大小都是16px,所有未经调整的浏览器都符合 1em=16px,那么12px=0.75em,10px=0.624em;所以为了简化计算，在使用em或者rem的时候，通常会设置 html{font-size:62.5%}这样就将默认字体改为10px=1em,12px=1.2em;简化了px和em的转化