css 面试 px,rem,em 区别

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

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

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

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

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

相关推荐
蟾宫曲5 小时前
在 Vue3 项目中实现计时器组件的使用(Vite+Vue3+Node+npm+Element-plus,附测试代码)
前端·npm·vue3·vite·element-plus·计时器
秋雨凉人心5 小时前
简单发布一个npm包
前端·javascript·webpack·npm·node.js
liuxin334455665 小时前
学籍管理系统:实现教育管理现代化
java·开发语言·前端·数据库·安全
qq13267029405 小时前
运行Zr.Admin项目(前端)
前端·vue2·zradmin前端·zradmin vue·运行zradmin·vue2版本zradmin
魏时烟6 小时前
css文字折行以及双端对齐实现方式
前端·css
2401_882726487 小时前
低代码配置式组态软件-BY组态
前端·物联网·低代码·前端框架·编辑器·web
web130933203987 小时前
ctfshow-web入门-文件包含(web82-web86)条件竞争实现session会话文件包含
前端·github
胡西风_foxww7 小时前
【ES6复习笔记】迭代器(10)
前端·笔记·迭代器·es6·iterator
前端没钱7 小时前
探索 ES6 基础:开启 JavaScript 新篇章
前端·javascript·es6
m0_748255268 小时前
vue3导入excel并解析excel数据渲染到表格中,纯前端实现。
前端·excel