em、rem与px之间的区别

em、rem与px的基本概念

px：像素（Pixel） 相对长度单位，像素是相对于显示器屏幕的分辨率显示的。
em：相对长度单位，相对于父元素的单位进行定义em的单位。
rem：相对长度单位，相对于根元素进行定义rem的大小单位。

em、rem与px的应用场景

px在应用于pc端，可以使用任何场景，但是用户访问多终端时，无法自适应当前屏幕，而且调整困难，所以px目前主要应用于固定单位大小，比如 border 边框元素。

em是根据父元素的大小而定义的，计算方式为：父元素当前em大小，例：父元素大小为16px,em为1.8，那当前元素大小为16 1.8=28.8 。应用元素主要为依赖字号的属性：padding margin width height

rem的大小依据根元素的大小而定的，所以通过设置根元素 :root{font-size:16px;} 字体大小，比如当前元素设置为1.8rem，那当前元素大小为16 * 1.8 = 28.8 ，rem主要用于设置font-size 字号。