一、px是决定单位，一旦设置了就无法因为适应页面大小而改变。
二、em和rem 是相对长度单位， 相对于px更具有灵活性，更适用于响应式布局。
三、em是相对于其父元素来设置字体大小的，一般都是以<body>的"font-size"为基准。
而Rem是相对于根元素<html>，这样就意味着，我们只需要在根元素确定一个参考值。
总之：em相对于父元素，rem相对于根元素。
相关推荐
LiaCode1 小时前
别让 AI 把仓库写成“代码平行宇宙”：从 Deslop 看生成前查重nice先生的狂想曲1 小时前
javascript高级程序设计（六）——2026.9.5光影少年1 小时前
如何做大型React+RN 项目架构设计、目录规范一位正在转型AI全栈的前端工程师1 小时前
AI 全栈学习之旅 -Week 8：从单 Agent 到多 Agent 协作：LangGraph 实战与记忆持久化用户921080262861 小时前
Promise 和 async/await：从用途到执行机制yyt3630458412 小时前
KLineChartQuant：GLSL 的精度问题及 RTC 解法HarmonLTS2 小时前
智盾 WAF v8.2 Ultra｜下一代 Web 应用防火墙এ慕ོ冬℘゜2 小时前
前端实战：基于jQuery递归实现通用树形组织菜单（可直接复用）计算机魔术师2 小时前
英伟达据报洽谈向 Mira Murati 的 Thinking Machines Lab 投资 25 亿美元变与不变8062 小时前
js函数与封装详细解答