rem与em的区别
em是一个相对单位，相对的是当前的文字的大小 1em = 一个当前文字的大小，所以有了首行缩进两个字符，text-indent：2em。
px也是一个单位 所以em可以和px互换。
em的弊端: 参照的是当前文字的大小 所以不好控制 即使两个盒子的大小都是5em 但是大小并不一致。
rem (r代表的是root：根)也是一个相对单位 相对的是html的font-size的大小。使用rem这个单位 比较方便控制
小结:
em: 相对单位 相对的是当前的文字的大小 1em = 一个当前文字的大小。
px也是一个单位 所以rem可以和px互换。
rem 也是一个相对单位 相对的是html的font-size的大小。
rem这个单位不要在pc上使用 有兼容性问题 在移动端使用较多。
目前手机的主流屏幕
主流手机机型屏幕：320 360 375 384 400 414 424 480 540 720 750 。
媒体查询的media.less:
.adapter(@w) {
@media screen and (min-width: @w) {
html {
// 750 / 50 = 15
font-size: @w / 15px;
}
}
}
.adapter(320px);
.adapter(360px);
.adapter(375px);
.adapter(384px);
.adapter(400px);
.adapter(414px);
.adapter(424px);
.adapter(480px);
.adapter(540px);
.adapter(640px);
.adapter(720px);
.adapter(750px);
