rem(用于可扩展布局):代表根元素font-size的大小，（例如：用在<html> 元素的font-size）。
> 当用在根元素的font-size上面时 ，它代表了html的默认的font-size大小。
>当未在根元素上面设置font-size大小的时候,此时的1rem==1em.
>当在根元素设置font-size=2rem的时候,就使得页面中1rem的大小相当于html的根字体默认大小的2倍。
em（用于可伸缩布局）:相对长度单位，这个单位表示元素的font-size的计算值。
>如果用在font-size 属性本身，它会继承父元素的font-size。
px:对于屏幕显示，通常是一个设备像素（点）的显示。
>对于打印机和高分辨率的屏幕，一个CSS像素意味着多个设备像素，因此，每英寸的像素的数量保持在96左右。
rem、em、px三者的区别
最新推荐文章于 2025-11-25 14:25:19 发布
本文详细解释了在前端布局中使用的rem与em单位的区别及应用。rem代表根元素font-size的大小，而em则表示元素的font-size的计算值，并会继承父元素的font-size。此外还介绍了px单位的基本概念。
扫一扫
646
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
