第一个：px
毫无疑问，当年第一次学习的单位就是1px，俗称像素。
如果有人用过PS就应该知道图片的方格就是一个一个的px拼起来的
再直白一点，我的笔记本屏幕就是1920px X 1080px算出来的
第二个：rem
这个rem其实取决于html，他的价值就在于你用的时候都是20px或者25px。现在你用的时候直接一个2rem或者2.5rem
总之，rem相当于秦始皇统一天下！在html里面为总公司。
html{
font-size:10px
}
span{
font-size:1rem
}第三个：em
挺反感的一个单位，它取决于你当前的父级来计算的！。
如果父亲里面还有儿子的儿子的儿子，那他就像贷款一样！利滚利越来愈多。非常不好
<body>
<div class="sb1">
<p>失败1</p>
</div>
<div class="sb2">
<p>失败2</p>
</div>
<style>
.sb1{font-size: 20px}
.sb2{font-size: 40px}
p{font-size: 1em}
</style>
</body>第四个：vw 和 vh
一个响应式的单位！他是用1-100开始计算的，比如说左侧导航就可以靠他分分钟解决当前的高度
第五个：vmin 和 vmax
这个是为移动端开发，很少用这个。他的意思是用iphone5这种小手机时候宽度百分百，但是玩游戏屏幕横过去了。他还是那么小。因为它的宽度取决于小的宽屏
而大的vmax毋庸置疑，当平板挺大的他宽度撑开还是100%！但是突然小了，他的图片就成了一个拖拽式图片。只能滑动全才能看完