💡 你知道 CSS 中不同测量单位吗？ px、em、rem、vh 和 vw！ 💡
对于从事前端开发的人来说，理解这些单元对于创建适应任何屏幕的响应式布局至关重要。让我们快速看一下其中的主要内容：
👉 **px (像素)**
大名鼎鼎的“像素”是一个固定的、绝对的单位，也就是不会发生改变。当您需要精确的尺寸并希望元素在任何设备上看起来都一样时，它非常有用。例如：font-size: 16px;
👉 **在**
事情开始变得有趣了！ Em 是一个相对单位，这意味着它的值取决于父元素的字体大小。这使得 em 对于创建灵活的布局非常有用。例如：如果基本尺寸为 16px，则 2em 将是 32px。一切都取决于具体情况！ 😊
👉 **rem (根 EM)**
Rem 与 em 类似，但它不依赖于父元素，而是使用根元素（ ）的字体大小。这有助于维持整个网站的尺寸一致。如果字体大小为：16px，那么 1rem 将始终为 16px。
👉** vh (视口高度)**
该单位基于屏幕（视口）的高度。 1vh 代表可见屏幕高度的1％。它非常适合定义占据窗口高度特定部分的元素，例如覆盖整个屏幕的横幅（高度：100vh;）。
👉 **vw (视口宽度)**
与 vh 类似，但基于屏幕宽度。 1vw 相当于屏幕宽度的 1%，常用于创建占据整个窗口宽度的元素（width:100vw;）。
**何时使用总结：**
px：用于固定和特定的尺寸。
em：当您希望元素灵活且与上下文相关时。
rem：保持全局一致性（如字体大小）。
vh 和 vw：适用于需要调整适应屏幕尺寸的元素，例如全屏布局。
这些单元是创建适应不同设备的界面的关键。