css中的长度单位px和em,rem有什么区别

css中px，em，rem都是单位，不同的人或者不同的情况喜欢用不同的单位。

那么px，em，rem的区别在哪？

1. px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。是一个绝对字体大小 .IE浏览器是无法调整那些使用px作为单位的字体大小
2. em是相对长度单位。是基于基数（比如：1.5em）来计算出来的相对字体大小。这个基数是需要乘以当前对象从其父级遗传字体大小

任意浏览器的默认字体高都是16px。那么2em=2*16px

<div class="parent" style="font-size: 16px">
    <p style="font-size: 2em">我是em测试</p>
</div>

目前，除了IE8及更早版本外，所有浏览器均已支持rem。对于不支持它的浏览器，可以多写一个绝对单位的声明。这些浏览器会忽略用rem设定的字体大小

如下：

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