rem 是什么
rem 是相对长度单位。相对于根元素(即 html 元素)font-size 计算值的倍数的一个 css 单位。常被用来做移动适配，pc 端页面不推荐使用 rem
rem 的移动适配原理
设计稿宽度：600px 移动设备：600px
公式:
rem值 = width / fontSize / 画布倍数
浏览器的默认的 font-size 是 16px,则 1rem = 16px，假如设计图上有一个长宽都是 100px 的图片，
<img src='image.png' style={{width: 100px, height: 100px}}/>
将这张图片展示到宽度为 375px 的手机屏幕下，如果设计图尺寸越大，转换后的 rem 值越小
- 设计图为 375px 尺寸下，该图片转换为 rem 应该是
<img src='image.png' style={{width: 6.25rem, height: 6.25rem}}/> - 设计图 750px 尺寸下，该图片转换为 rem 应该是
<img src='image.png' style={{width: 3.125rem, height: 3.125rem}}/> - 设计图 1150px 尺寸下，该图片转换为 rem 应该是
<img src='image.png' style={{width: 2.08333rem, height: 2.08333rem}}/>