px 与 rem 的区别

• px:px 实际上就是像素,用 px 设置字体大小时,比较稳定和精确

o px 像素(Pixel),相对长度单位。像素 px 是相对于显示器屏幕分辨率而言的。

• em:em 就是根据基准来缩放字体的大小 em 的值并不是固定的;em 会根据父级

元素的字体大小变化

o em 是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的

字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。

• rem: rem 是根据根元素  字体大小变化,这样就意味着,我们只需要在根

元素确定一个参考值。一般情况下将根元素的字体大小设置为 html{font-size:100px}

rem 是 CSS3 新增的一个相对单位(root em,根 em),这个单位引起了广泛关

注。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容