css的单位px，em，rem有什么使用场景

1. 像素（px）：像素是最常用的长度单位，它表示屏幕上的物理像素点。像素单位是固定的，不会随着其他因素的改变而改变。它常用于定义具体的尺寸，如边框、字体大小、宽度和高度等。例如：

   div {
     width: 300px;
     font-size: 14px;
   }

2. 相对单位 em：em 是相对于元素的字体大小的单位。em 的值是相对于父元素的字体大小来计算的。如果没有继承的字体大小，则 em 单位相对于浏览器的默认字体大小。em 单位可用于创建相对于父元素的尺寸。例如：

   div {
     font-size: 1.2em; /* 当前元素的字体大小的 1.2 倍 */
     margin-bottom: 0.5em; /* 当前元素字体大小的一半 */
   }

3. 相对单位 rem：rem 也是相对单位，但它是相对于根元素（即 HTML 根元素）的字体大小的单位。rem 单位的特点是具有全局作用域，不受嵌套元素的影响。它常用于创建相对于根元素的尺寸。例如：

   div {
     font-size: 1.5rem; /* 根元素字体大小的 1.5 倍 */
     margin-bottom: 2rem; /* 根元素字体大小的 2 倍 */
   }

使用场景：

• px 适用于那些不需要随着字体大小或其他因素改变而改变尺寸的元素，如边框、固定宽度和高度等。

• em 适用于那些尺寸需要相对于父元素字体大小进行调整的元素，如嵌套列表、标题和段落等。

• rem 适用于那些尺寸需要相对于根元素字体大小进行调整的元素，且需要在整个页面范围内保持一致的元素，如整体布局、全局字体大小等。