rem适配

html中的适配就是将字体根据所使用设备的大小而调整大小。如果我们将每个模块在各种不同大小的设备上都单独配置大小，那么任务量将非常大，很麻烦。所以在这里，我介绍一种相对操作简单的适配方法，就是rem适配。

rem中的r指root，即根，html根标签；em是相对长度单位。所以rem就是相对于html根元素的大小。如：html标签的font-size设置成了34px，1rem=34px ，2rem=68px 。所以当我们只需要设置一个合适的html标签的大小，那么适配的代码就很好写了。

接下来介绍下适配的具体步骤。第一步，得到设计稿，习惯下，我们规定设计稿宽度为750px。第二步，把浏览器的模拟器也自定义为750px。第三步，严格按照设计稿，以rem为单位，把设计稿还原出来。第四步，还原样式，设置html标签的font-size，便于计算，我们通常把这个值设为100px，叫做rem的基准值，即1rem=100px，反过来，如果一个元素的width为30px，那么这个元素的宽度还可以表示为0.3rem。第五步，完成适配代码。如：对于尺寸750px的容器，代码为@media only screen and (width:750px) { html{ font-size: 100px; } }，尺寸为375的屏幕，代码为@media only screen and (width:375px) { html{ font-size: 50px; } }。这个50px的font-size就是100px乘上（375/750）。根据每一种需要适配的屏幕都在样式中添加上这样一行代码，那么就完成了对这些设备的适配。