px，em，rem 的区别

Question

px，em，rem 的区别

Answer 1

px像素（Pixel）。相对长度单位。像素px是相对于显示屏幕分辨率而言的。

em是相对长度单位。相对于当前对象内文本的字体尺寸。

rem是CSS3新增的一个相对单位（root em 根em），这个单位引起了广泛的关注。这个单位与em有什么区别呢？区别在于使用rem为元素设定字体大小时，仍然是相对大小，但相对的只是HTML根元素。

Answer 2

屏幕分辨率的像素是物理像素，CSS的px像素是逻辑像素，等于屏幕分辨率/设备像素缩放比。

1em是相对单位，相对于自己字体大小计算，等于该大小的1倍。

1rem也是相对单位，相对于根元素的字体大小计算，等于该大小的1倍。