前端开发中px，em，rem这些单位有哪些不同之处

前端开发中px，em，rem这些单位有哪些不同之处

Px是一个绝对字体大小，em则是基于基数（比如：1.5em）来计算出来的相对字体大小。这个基数是需要乘以当前对象从其父级遗传字体大小。
目前大多数浏览器都支持rem单位的字体大小，不过，要想兼容IE7和IE8，你还是需要使用px来做单位。
这个默认字体大小是依据你网站当前访问时所使用的浏览器或者其他设备来决定的，对于桌面浏览器默认是16px的字体大小。然后你现在要转换当前元素的字体大小为rem的时候你就可以这样做

1、px是固定像素，无法适应流布局，一般高度以px设置，web app版宽度以使用rem。 2、em是指相对于父元素的字体大小的单位 ；因为它是相对于父元素的字体大小的单位，那如果你要设置一个元素的宽度，高度，那么就得去看他父级的大小，如果父级也是em单位，你又得去找他的父级，得一层层计算，才能得到准确的像素值。 3、rem的出现 使很多 移动端的自适应得到了改变，因为 rem是指相对于根元素的字体大小的单位；只要根据屏幕大小设置html根上的font-size大小，以rem为单位的元素大小会相应改变。