px和em和rem的区别

PX特点

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

2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位；

3. Firefox能够调整px和em，rem，但是有大部分的国产浏览器使用IE内核。

EM特点

-1. em的值并不是固定的；

-2. em会继承父级元素的字体大小。

em则是基于基数（比如：1.5em）来计算出来的相对字体大小。这个基数是需要乘以当前对象从其父级遗传字体大小

 如果你的默认父级容器字体为16px ，那么2em=2*16px

        <div    style="font-size:16px">

               <p    style="font-size:2em"></p>

         </div>

rem特点

rem默认字体大小是依据你网站当前访问时所使用的浏览器或者其他设备来决定的,特别适合响应设计，受到了移动设计的追捧

大多数浏览器（不包括ie8以下）都支持rem单位的字体大小 

如果想支持可以，如下：

html{font-size:62.5%;}

p{font-size:15px;font-size:1.5rem;}

rem为元素设定字体大小时，仍然是相对大小，但相对的HTML根元素

---