什么是rem和px？
rem（root em）是CSS中的相对单位，相对于根元素的字体大小。px（像素）是绝对单位，固定大小。在响应式设计中，rem配合媒体查询可以实现更好的适配效果。
单位说明
- rem：相对于根元素字体大小的相对单位
- px：像素单位，固定大小
- 转换公式：px = rem × 基准值
- 默认基准：浏览器默认1rem = 16px
常见转换示例
- 16px = 1rem (基准16px)
- 32px = 2rem (基准16px)
- 24px = 1.5rem (基准16px)
- 12px = 0.75rem (基准16px)
使用提示
- 基准值：默认1rem = 16px，可根据项目需要调整
- 实时转换：输入数值后自动计算结果
- 快速转换：点击常用数值按钮快速转换
- 移动适配：推荐使用rem单位进行移动端适配