rem字体在移动设备中适配

rem是指相对于根元素（html）的字体大小的单位，他是一个相对单位，我们现在有很多人用的都是px,但px是一个绝对单位，遇到分辨率不同的设备，做出的页面可能会乱，这就给我们造成了很大的影响，而且后期的修复也很费时间，所以rem是一个很不错的适配方法。

下面直接进入例子：

在这里设置html的font-size:20px;就代表1rem=20px;

接下来就可以根据上面推算设置button的样式，1rem=20px;

width:6rem==>width:120px;height:4rem==>height:80px;