rem是基于html元素的字体大小来计算的
网页要实现的大小 = 需要设置的rem大小(根据设计稿给出的的px和自定的px和rem比例计算) * html元素的字体大小
所以要实现设计稿并且适应宽度不同的屏幕需要经过一下计算
1.由于设计稿的宽度是一定的,高度是不可控的,所以我们根据宽度来设置html字体的大小比例
2.首先假设设计稿宽度是750px,100px = 1rem
3.网页的实际宽度 = 7.5(rem)* html元素的字体大小
4.所以只需要设置 html元素的字体大小 = 网页的实际宽度/(设计稿宽度/自定的px和rem比例) 就能自适应不同的宽度的页面