css 面试 px,rem,em 区别

一、px是决定单位,一旦设置了就无法因为适应页面大小而改变。

二、em和rem 是相对长度单位, 相对于px更具有灵活性,更适用于响应式布局。

三、em是相对于其父元素来设置字体大小的,一般都是以<body>的"font-size"为基准。

而Rem是相对于根元素<html>,这样就意味着,我们只需要在根元素确定一个参考值。

总之:em相对于父元素,rem相对于根元素。

相关推荐
Wect几秒前
TypeScript 完全指南
前端·javascript·typescript
hunterandroid4 分钟前
Fragment 事务与状态丢失:从崩溃现场到稳定治理
前端
清风programmer4 分钟前
H5与小程序通信
前端·vue.js·uni-app
不一样的少年_12 分钟前
原来 AI Agent 的核心循环这么简单:手搓一个 Agent Loop
前端·后端·agent
爱勇宝35 分钟前
你以为自己性格不好,其实只是被环境反复训练
前端·后端·程序员
phltxy38 分钟前
LangChain_v1_Agent快速开发和更新说明
前端·javascript·langchain
Cobyte39 分钟前
通过 Vite 运行手写的模板编译器
前端·javascript·vue.js
Hyyy39 分钟前
Agent 工作流
前端
Bigger39 分钟前
🔥每天最难的问题不是做饭,而是今天到底吃什么——我做了「烟火食间」
前端·人工智能·agent
Hyyy44 分钟前
Electron多进程
前端