一、px是决定单位，一旦设置了就无法因为适应页面大小而改变。
二、em和rem 是相对长度单位， 相对于px更具有灵活性，更适用于响应式布局。
三、em是相对于其父元素来设置字体大小的，一般都是以<body>的"font-size"为基准。
而Rem是相对于根元素<html>，这样就意味着，我们只需要在根元素确定一个参考值。
总之：em相对于父元素，rem相对于根元素。
相关推荐
Bacon12 小时前
前端：从0-1实现一个脚手架Bacon12 小时前
前端项目部署实战 nginx+docker持续集成beckyye12 小时前
阿里云智能语音简单使用：语音识别东东23312 小时前
前端规范工具之husky与lint-stagedjump68012 小时前
手写事件总线、事件总线可能带来的内存泄露问题岁月宁静13 小时前
在 Vue 3.5 中优雅地集成 wangEditor，并定制“AI 工具”下拉菜单（总结/润色/翻译）执沐13 小时前
基于HTML 使用星辰拼出爱心，并附带闪烁＋流星+点击生成流星#做一个清醒的人13 小时前
【electron6】Web Audio + AudioWorklet PCM 实时采集噪音和模拟调试拉不动的猪13 小时前
图文引用打包时的常见情景解析浩男孩13 小时前
🍀继分页器组件后，封装了个抽屉组件