rem和em的区别
rem 和 em 都是 CSS 中的相对单位，但它们的参考点不同：
rem（Root EM）
参考 根元素 <html> 的 font-size。
1rem = html { font-size } 的值，默认是 16px（如果没有修改）。
适用于全局统一的缩放，比如排版时确保不同组件的大小一致。
例子:
html {
font-size: 16px;
}
p {
font-size: 2rem; /* 2 × 16px = 32px */
}
em（Element EM）
参考 当前元素的 font-size。
适用于相对于父元素的字体大小、边距、内边距等，适合局部调整。
em 会 继承 父元素的 font-size，可能导致 嵌套放大（累积效应）。
例子:
div {
font-size: 16px;
}
p {
font-size: 1.5em; /* 1.5 × 16px = 24px */
}
strong {
font-size: 1.2em; /* 1.2 × p 的 24px = 28.8px, 可能会越来越大 */
}