一、px是决定单位，一旦设置了就无法因为适应页面大小而改变。
二、em和rem 是相对长度单位， 相对于px更具有灵活性，更适用于响应式布局。
三、em是相对于其父元素来设置字体大小的，一般都是以<body>的"font-size"为基准。
而Rem是相对于根元素<html>，这样就意味着，我们只需要在根元素确定一个参考值。
总之：em相对于父元素，rem相对于根元素。
相关推荐
candyTong5 小时前
一觉醒来，大模型就帮我排查完页面性能问题魔术师Grace5 小时前
我给 AI 做了场入职培训玩嵌入式的菜鸡6 小时前
网页访问单片机设备---基于mqtt前端一小卒6 小时前
我用 Claude Code 的 Superpowers 技能链写了个服务，部署前差点把服务器搞炸滑雪的企鹅.8 小时前
HTML头部元信息避坑指南大纲一拳不是超人8 小时前
老婆天天吵吵要买塔罗牌，我直接用 AI 2 小时写了个在线塔罗牌excel9 小时前
如何解决 Nuxt DevTools 中关于 unstorage 包的报错Rust研习社9 小时前
使用 Axum 构建高性能异步 Web 服务C澒10 小时前
AI 生码 - API2Code：接口智能匹配与 API 自动化生码全链路设计浔川python社10 小时前
HTML头部元信息避坑指南技术文章大纲