一阶段面试题集锦
1、 rem em vw vw 百分比区别
相同点：
rem，em，vw，vh，vw属于前端开发除了px单位之外的另外几种单位取值；但是具体含义存
在区别
不同点：
px：是像素单位，属于绝对单位，是一个具体的大小
rem：相对于根元素进行设置
em：如果自身有字体大小的设置，那么就相对于自身字体大小设置，如果自身没有字体大小
设置，那么就相当于父元素进行设置。
vw：1vw相当于浏览器窗口宽度的百分之一
vh：1vh相当于浏览器窗口高度的百分之一
百分比：相对于父元素宽度或者高度的百分之几
注意：vw和vh是视口可以观看的区域的大小；如果没有滚动条的话，则宽度设置成100vw和
100%的时候实现的效果一直；如果有滚动的话，则100vw中不是包括滚动条的，100%是包括
滚动条的距离的
2、750的设计图，20px为多少rem
<!--注意里面的代码解释说明-->
<style>
*{margin:0;padding:0}
html,body{
height: 100%;
}
.box1{
width: 100%;
height:500px;
background-color: red;
}
.box2{
width: 100vw;
height:500px;
background-color: green;
}
</style>
<div class="box1"></div>
<div class="box2"></div>750的设计图，20px为多少rem
首先设计图是UI设计提供给前端开发工程师的设计稿，750的设计图出自于手机屏幕为375px*667px的iphone678手
机屏幕的设计稿，这里也可以称之为2倍图。20px的字体大小涉及到了单位的转换，页面中默认的字体大小为16px，
那么此时的1rem = 16px;
那么20px通过计算得出公式 1rem = 16px; ?rem = 20px; 得出结果为:1.25rem
