一、px是决定单位，一旦设置了就无法因为适应页面大小而改变。
二、em和rem 是相对长度单位， 相对于px更具有灵活性，更适用于响应式布局。
三、em是相对于其父元素来设置字体大小的，一般都是以<body>的"font-size"为基准。
而Rem是相对于根元素<html>，这样就意味着，我们只需要在根元素确定一个参考值。
总之：em相对于父元素，rem相对于根元素。
相关推荐
灰灰勇闯IT10 小时前
Flutter for OpenHarmony：布局组件实战指南⑩-11 小时前
Vue框架学习a程序小傲11 小时前
京东Java面试被问：基于Gossip协议的最终一致性实现和收敛时间小二·11 小时前
Python Web 开发进阶实战：AI 原生应用商店 —— 在 Flask + Vue 中构建模型即服务（MaaS）与智能体分发平台Devlive 开源社区11 小时前
技术日报｜推理RAG文档索引PageIndex登顶日增1374星，React视频工具Remotion二连冠进前二xkxnq11 小时前
第三阶段：Vue 路由与状态管理（第 45 天）(路由与状态管理实战：开发一个带登录权限的单页应用)方方洛11 小时前
技术实践总结：schema-bridgion：json、xml、yaml、toml文件相互转换object not found12 小时前
基于uniapp开发小程序自定义顶部导航栏状态栏标题栏We་ct12 小时前
LeetCode 28. 找出字符串中第一个匹配项的下标：两种实现与深度解析xzl0412 小时前
小智服务端chat入口工具调用流程