PX ,EM,REM

PX:像素

相对长度单位，像素px是相对于显示器屏幕分变率而言。

电脑有不同的分辨率

1920*1024前者是屏幕宽度总共有1920个像素宽度，后者则是高度为1024个像素高度。

EM:

根据基准来缩放字体的大小。em是一个相对值，而非具体的数值

1em=16px

em的值并不是固定的

em会继承父级元素的字体大小

继承父级：

当父级为50px时，子级为1em那么1em=50px;

REM:

是相对HTML根元素，除了IE8及更早版本外，所有浏览器均支持rem

rem是CSS3中新增加的单位相对的只有HTML根元素，默认也是16px；通过它既可以做到只修改根元素，就成比例调整所有字体大小，又避免字体大小逐层复合的连锁反应

区别em是根据父元素继承响应大小而不是固定，rem是继承HTML根元素的大小

只有改变根元素html值才能改变rem的值