根据设计图设计rem比例

什么是rem

rem是相对长度单位。相对于根元素(即html元素)font-size计算值的倍数的一个css单位，也就是我们
前端常说的适配单位rem。因为rem的特性相对长度单位，常被用来做移动适配，pc端页面不推荐使用rem。

首先，为了计算方便，一般的话我们建议 1rem = 100px(设计稿px)，要换算这样的比例需要设置html对应的fontSize，计算规则如下：
屏幕的宽度 / 设计稿的宽度 * 基本宽度= fontSize

如果基本宽度是100，那么 1rem = 100px(设计稿px)