一、px是决定单位，一旦设置了就无法因为适应页面大小而改变。
二、em和rem 是相对长度单位， 相对于px更具有灵活性，更适用于响应式布局。
三、em是相对于其父元素来设置字体大小的，一般都是以<body>的"font-size"为基准。
而Rem是相对于根元素<html>，这样就意味着，我们只需要在根元素确定一个参考值。
总之：em相对于父元素，rem相对于根元素。
相关推荐
苏打水com5 小时前
第九篇：Day25-27 Vue进阶——组件复用与状态管理（对标职场“复杂项目”需求）PineappleCoder6 小时前
别让页面 “鬼畜跳”！Google 钦点的 3 个性能指标，治好了我 80% 的用户投诉卤代烃6 小时前
🕹️ [AI] Chrome DevTools MCP 原理分析梦里不知身是客116 小时前
flink对于迟到数据的处理卤代烃6 小时前
🤝 了解 CDP (Chrome DevTools Protocol)：browser-use 背后的隐藏功臣一 乐6 小时前
人事管理系统|基于Springboot+vue的企业人力资源管理系统设计与实现(源码+数据库+文档)b***74887 小时前
前端状态系统的时代变革：从本地状态到全局状态，再到智能状态的未来趋势秋氘渔7 小时前
Vue 3 组合式API中的生命周期钩子函数介绍拉不动的猪7 小时前
requestAnimationFrame 与 JS 事件循环：宏任务执行顺序分析步步为营DotNet7 小时前
深度解析C# 11的Required成员：编译期验证保障数据完整性