rem适配

rem总结：

1.什么是rem

rem是指相对于根元素的字体大小的单位。

em是指相对于父元素的字体大小的单位。

区别：

         一个计算的规则是依赖根元素一个是依赖父元素计算。

2.为什么要使用rem

1、实现强大的屏幕适配布局：

2.固定宽度做法

3.响应式做法

4.设置viewport进行缩放

3.rem能等比例适配所有屏幕

使用rem，结合html元素的font-size来根据屏幕宽度适配

html{
font-size:40px;
}

我们只改变了html的font-size，就可以改变1rem等于多少px

计算公式：240px = 6rem * 40px(根元素设置大值)

若之后再写 width: 6rem; 即代表宽度为240px