娜妹子辣

🎯 问题背景 为什么移动端1px看起来很粗？ 在移动端，由于设备像素比（DPR）的存在，CSS中的1px并不等于物理像素的1px。 问题原理： CSS的1px = 设备像...

🎯 流式布局实现方式概览 方式 适用场景 兼容性 复杂度 百分比布局 简单两栏、三栏布局 优秀 简单 Flexbox布局 一维布局、导航栏、卡片 现代浏览器 中等 CSS...

🎯 核心区别 百分比：相对于父元素的尺寸 rem：相对于根元素的字体大小 🎯 总结对比 特性 百分比布局 rem布局 参考基准 父元素尺寸 根元素字体大小 嵌套影响 层...

让我用最简单的方式来解释这三个单位： 🎯 核心理解 rem = "以网页根部为准" 想象网页有一个"总开关"（html标签） rem就是以这个"总开关"的字体大小为标准 ...

🎯 什么是 Margin 合并 Margin 合并（也叫 Margin 折叠）是指相邻元素的垂直 margin 会合并成一个 margin，取两者中的较大值，而不是相加。...

🎯 核心作用 box-sizing: border-box 改变了CSS盒模型的计算方式，让元素的宽度和高度包含内边距(padding)和边框(border)，而不是仅仅...

数组转树执行过程详解 📊 输入数据分析 数据结构分析: 2个根节点: id=1, id=4 (parentId为null) 4个子节点: id=2,3,5,6 层级关系:...