技术栈

css 面试 px,rem,em 区别

老胡说前端2024-03-02 15:41

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

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

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

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

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

上一篇:解读数据架构——大数据
下一篇:探索PConv:从原理到实践的全面指南
相关推荐
子兮曰
21 小时前
OpenClaw入门:从零开始搭建你的私有化AI助手
前端·架构·github
吴仰晖
21 小时前
使用github copliot chat的源码学习之Chromium Compositor
前端
1024小神
21 小时前
github发布pages的几种状态记录
前端
不像程序员的程序媛
1 天前
Nginx日志切分
服务器·前端·nginx
北原_春希
1 天前
如何在Vue3项目中引入并使用Echarts图表
前端·javascript·echarts
尽意啊
1 天前
echarts树图动态添加子节点
前端·javascript·echarts
吃面必吃蒜
1 天前
echarts 极坐标柱状图 如何定义柱子颜色
前端·javascript·echarts
O_oStayPositive
1 天前
Vue3使用ECharts
前端·javascript·echarts
竹秋…
1 天前
echarts自定义tooltip中的内容
前端·javascript·echarts
宝贝露.
1 天前
Axure引入Echarts图无法正常显示问题
前端·javascript·echarts
热门推荐
01GitHub 镜像站点02Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services03openclaw配置教程(linux+局域网ollama)04OpenClaw Chrome扩展使用教程 - 浏览器中继控制05Linux下V2Ray安装配置指南06UV安装并设置国内源07Claude Code Skills 实用使用手册08一文了解国产算子编程语言 TileLang,TileLang 对国产开源生态的影响与启示09让 Trae IDE 智能体 “读懂”文档 Excel+PDF+DOCX :mcp-documents-reader 工具使用指南10Vue-skills的中文文档