解决问题：

1.页面布局文字随着屏幕大小变化

2.流式布局和flex布局主要针对宽度布局，rem可以做到高度也随着变化

3.屏幕发生变化的手元素高度和宽度等比例缩放

1.rem基础

rem单位：（1rem是html字体的大小）

​​​​​​ rem是一个相对单位，类似于em，em是父元素字体的大小

rem的基准：是相对于html元素的字体大小

例如：根元素（html）设置font-size=12px； 非根元素设置width：2rem；换成px则表示24px；

rem的优点：就是可以通过