px是像素,设置字体大小时,比较稳定和精确。但是如果改变了浏览器的缩放,页面布局会被打破。因此,这时就提出了使用“em”来定义Web页面的字体。

em是根据基准来缩放字体的大小。em实质是一个相对值,而非具体的数值。这种技术需要一个参考点,一般都是以自己的或父级的“font-size”为基准。

rem: em是相对与其父元素来设置字体大小的,这样就会存在一个问题,进行任何元素设置,都有可能需要知道它父元素的大小。而rem时相对于根元素,这样就意味着,我们只需要在根元素确定一个参考值。