一、px是决定单位，一旦设置了就无法因为适应页面大小而改变。
二、em和rem 是相对长度单位， 相对于px更具有灵活性，更适用于响应式布局。
三、em是相对于其父元素来设置字体大小的，一般都是以<body>的"font-size"为基准。
而Rem是相对于根元素<html>，这样就意味着，我们只需要在根元素确定一个参考值。
总之：em相对于父元素，rem相对于根元素。
相关推荐
可视之道几秒前
前端图形编辑器的多选框架：从单选到框选到 Shift 连选3秒一个大1 分钟前
JS 数组去重全方案：从基础到通用万能去重函数可视之道4 分钟前
CSS Container Queries 在组态大屏中的实战阿黎梨梨7 分钟前
读懂一个 Next.js 全栈笔记应用古茗前端团队16 分钟前
代码越改越乱？来试试前端领域模型驱动设计（DDD）Hilaku24 分钟前
为什么跳槽涨薪 30% 的时代彻底结束了？聊聊 2026 前端薪资的天花板愚公搬代码36 分钟前
【愚公系列】《Web应用安全》006-HackBar插件的使用超爱吃香菜的菜鸟1 小时前
关于pnpm 部分使用（一）Vuji1 小时前
Pi 插件解剖｜git-checkpoint.ts：只用 53 行，让 fork 恢复代码状态大家的林语冰1 小时前
✌️ 让 Rust 再次伟大，pnpm 12 抛弃 TypeScript，移植 Rust 原地起飞！