em/px/rem的区别

em/px/rem的区别

em，px，rem都是计量单位，都能够表示尺寸。

px

绝对像素，表示的是像素大小，是比较精确的计量单位，比如说字体大小16px。但是不会随着浏览器的变化而变化，大小是固定的。

em

相对尺寸，em是根据当前文本的font-size属性来判定，如果当前文本的font-size计量单位也是em，则当前对象内文本的font-size的参考对象为父元素文本font-size，这一点需要特别注意。

rem

相对尺寸，是根据根元素的font-size属性来判定，只有一个font-size，因此不需要注意。

注意

当我们在面试回答的时候，主要注重于em和rem的区别，面试官的用意也在于此地，请小伙伴们多加注意。