一、px是决定单位，一旦设置了就无法因为适应页面大小而改变。
二、em和rem 是相对长度单位， 相对于px更具有灵活性，更适用于响应式布局。
三、em是相对于其父元素来设置字体大小的，一般都是以<body>的"font-size"为基准。
而Rem是相对于根元素<html>，这样就意味着，我们只需要在根元素确定一个参考值。
总之：em相对于父元素，rem相对于根元素。
相关推荐
是你的小橘呀16 分钟前
【CSS】揭秘 CSS 浮动：让元素乖乖排队的 "魔法咒语"前端小咸鱼一条18 分钟前
React组件化的封装随便起的名字也被占用25 分钟前
leaflet中绘制轨迹线的大量轨迹点，解决大量 marker 绑定 tooltip 同时显示导致的性能问题南方kenny31 分钟前
TypeScript + React：让前端开发更可靠的黄金组合Cache技术分享35 分钟前
149. Java Lambda 表达式 - Lambda 表达式的序列化LaoZhangAI1 小时前
GPT-5推理能力全解析：o3架构、链式思考与2025年8月发布JuneXcy1 小时前
11.Layout-Pinia优化重复请求子洋1 小时前
快速目录跳转工具 zoxide 使用指南天下无贼！1 小时前
【自制组件库】从零到一实现属于自己的 Vue3 组件库!!!CF14年老兵2 小时前
✅ Next.js 渲染速查表