☘Begin
常用的布局单位包括像素（px），百分比（%），em，rem，vw/vh。
🌱像素（px）
定义：像素是最常见的长度单位，表示相对于显示器屏幕的一个物理像素点。
特点：固定大小，不受屏幕尺寸或分辨率变化的影响。
适用场景：常用于确定元素的精确尺寸，如边框宽度、字体大小等。
🍀百分比（%）
定义：百分比是相对于父元素的长度单位，表示相对于父元素的比例。
特点：可以根据父元素的尺寸调整大小，适应不同屏幕尺寸。
适用场景：常用于创建响应式布局，使元素大小随着浏览器窗口或父元素的大小变化而变化。
🥬em/rem
em 和rem 相对于px 更具灵活性，它们都是相对长度单位，它们之 间的区别：em 相对于父元素，rem 相对于根元素。
em
定义：相对于元素自身的字体大小，1em等于当前元素的字体大小。
特点：具有相对性，可以根据元素的字体大小进行缩放。
适用场景：常用于设计灵活的布局，特别是在响应式设计中，使元素的尺寸和间距可以根据字体大小进行调整。
rem
定义：相对于根元素（html）的字体大小，1rem等于根元素的字体大小。
特点：适用于全局样式定义，具有相对性和一致性。
适用场景：常用于响应式设计和全局样式定义，可以方便地控制整个网页的布局和样式。
🌳vw/vh
定义：相对于视口（浏览器窗口）的百分比长度单位，vh表示视口高度的百分比，vw表示视口宽度的百分比。
特点：根据视口大小调整大小，适用于创建响应式布局。
适用场景：常用于控制元素在不同屏幕尺寸下的大小和位置，特别是移动端网页设计。
