什么是rem
rem是相对长度单位。相对于根元素(即html元素)font-size计算值的倍数的一个css单位,也就是我们
前端常说的适配单位rem。因为rem的特性相对长度单位,常被用来做移动适配,pc端页面不推荐使用rem。
首先,为了计算方便,一般的话我们建议 1rem = 100px(设计稿px),要换算这样的比例需要设置html对应的fontSize,计算规则如下:
屏幕的宽度 / 设计稿的宽度 * 基本宽度= fontSize
如果基本宽度是100,那么 1rem = 100px(设计稿px)