css 面试 px,rem,em 区别

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

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

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

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

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

相关推荐
释怀不想释怀20 分钟前
Ajax,vue生命周期(自动加载页面发出请求)Axios
前端·javascript·ajax
一点晖光22 分钟前
ios底部按钮被挡住
前端·ios·微信小程序
cz追天之路6 小时前
华为机考--- 字符串最后一个单词的长度
javascript·css·华为·less
Light607 小时前
CSS逻辑革命:原生if()函数如何重塑我们的样式编写思维
前端·css·响应式设计·组件化开发·css if函数·声明式ui·现代css
蜡笔小嘟7 小时前
宝塔安装dify,更新最新版本--代码版
前端·ai编程·dify
ModyQyW8 小时前
HBuilderX 4.87 无法正常读取 macOS 环境配置的解决方案
前端·uni-app
bitbitDown8 小时前
我的2025年终总结
前端
五颜六色的黑8 小时前
vue3+elementPlus实现循环列表内容超出时展开收起功能
前端·javascript·vue.js
wscats9 小时前
Markdown 编辑器技术调研
前端·人工智能·markdown
EnoYao9 小时前
Markdown 编辑器技术调研
前端·javascript·人工智能