一、px是决定单位，一旦设置了就无法因为适应页面大小而改变。
二、em和rem 是相对长度单位， 相对于px更具有灵活性，更适用于响应式布局。
三、em是相对于其父元素来设置字体大小的，一般都是以<body>的"font-size"为基准。
而Rem是相对于根元素<html>，这样就意味着，我们只需要在根元素确定一个参考值。
总之：em相对于父元素，rem相对于根元素。
相关推荐
IT_陈寒18 分钟前
Vue的v-if和v-show，我竟然用错了这么久云絮.21 分钟前
计算机相关工作原理随风一样自由23 分钟前
【前端+React+缓存竞态】导航切换缓存刷新机制恋猫de小郭30 分钟前
Flutter 开发怎么做 Agent ？从工程实战详细给你解读下IT_陈寒32 分钟前
React状态更新延迟搞晕我，原来是闭包在捣鬼晓得迷路了33 分钟前
栗子前端技术周刊第 136 期 - pnpr、Flow 重构移植 Rust、Astryx...柳杉1 小时前
别再手写大屏了！用这套「3D 地图 + 拖拽脚手架」示例源码，交付效率提升 80%乌夷1 小时前
Vue.js 3 的设计思路丨我是张先生丨1 小时前
英语单词 Web Page随风一样自由1 小时前
【前端+Vitest测试框架】Vitest | Playwright | WebdriverIO | Preview