px和em和rem

           PX:px是Pixel的缩写，像素，是固定的单位；用了这个px,在ie浏览器中不能改变文字大小；

        em:相对长度单位，相对的是自己父级；

        rem:想对长度单位，相对的是根元素，html；

        

        因为在浏览器中的默认字体大小都是16px;所以1em=1rem=16px,10px=0.625em=0.625rem.

        所以为了方便计算,我们先把body的字体改为原字体的62.5%，也就是16px的62.5%，也就是10px

        之后的就是1em=1rem=10px,1.2em=1.2rem=12px;就更方便计算；

      

       当然em是相对自己的父级的相对单位，每个地方的em都是不一样的em要看自己的父级的字体大小来定；

       当然rem是相对根元素的相对单位，所以每个地方的rem都是一样的rem,但是rem在ie8以及以下不支持，所以还要有一条font-size来针对；

       也就是多加一条px就行。