px、em和rem——区别介绍 了解

px

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

浏览器无法调整

em

em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。

相对于父元素的大小而言。

例：

 

 

rem

rem是CSS3新增的一个相对单位（root em，根em）。

相对于html而言，可以通过修改html的font-size 等比例的完成调整盒子大小。