对rem适配布局的了解

首先解读一下rem，rem是一个单位，是相对于html元素的字体大小。

比如我设置了html的字体大小为100px，然后下面把一个盒子的宽高设置为0.5rem，那么这个盒子的宽高就是50px；如果把这个盒子的宽高设置为3rem，那么这个盒子的宽高就是300px，这样子页面就会随着html字体的大小来变化。

rem适配布局时可以采用媒体查询（这个方法这里没有讲，可以自己去看看）的方法，使用这个方法来看当前的页面大小是多少，根据这个页面的大小来动态对html字体的大小进行赋值。
对rem适配布局的了解

上面的图片就是在body里单纯的放了一个div，它就会根据页面的大小来改变大小。