一、px是决定单位，一旦设置了就无法因为适应页面大小而改变。
二、em和rem 是相对长度单位， 相对于px更具有灵活性，更适用于响应式布局。
三、em是相对于其父元素来设置字体大小的，一般都是以<body>的"font-size"为基准。
而Rem是相对于根元素<html>，这样就意味着，我们只需要在根元素确定一个参考值。
总之：em相对于父元素，rem相对于根元素。
相关推荐
C澒41 分钟前
微前端容器标准化：容器标准化能力的 “配置化+ 插件化”anOnion6 小时前
构建无障碍组件之Carousel Patternssshooter7 小时前
Tauri 2 iOS 开发避坑指南：文件保存、Dialog 和 Documents 目录的那些坑Можно7 小时前
深入理解 ES6 Proxy：与 Object.defineProperty 的全面对比Birdy_x7 小时前
接口自动化项目实战（1）：requests请求封装天天向上10249 小时前
vue el-table实现拖拽排序柳杉10 小时前
Three.js × Blender：从建模到 Web 3D 的完整工作流深度解析reembarkation11 小时前
vue3中使用howler播放音频列表手握风云-11 小时前
基于 Java 的网页聊天室（三）weixin1997010801611 小时前
《识货商品详情页前端性能优化实战》