前端开发中 rem 单位是如何设置和使用的？请说明其与 px、em 的区别及适用场景。

回答思路

1. 能说明 rem 基于根元素字体大小，并演示通过修改 html 根字号来调整
2. 能对比 px、em、rem 的区别，特别是 em 基于父元素、rem 基于根元素
3. 能解释 rem 在移动端适配或响应式布局中的常见用法
4. 能提及动态设置根字号的方法，如媒体查询或 JS 计算