Web前端的单位（px，rem，vh..）

1、px
这个应该不用多说，只要接触了前端这个单位是一定会的，了解的。唯一需要说的就是像素px是相对于显示器屏幕分辨率而言的。

2、百分比
这个我们在实际开发中也常常会使用，我自己在做布局的时候，常常会用到它。
这个也不用太多解释。比如我们设定宽度是 80%; 在浏览器大小是100px的时候，宽度自然是800px。那么理所当然的，如果浏览器大小变成了1500px，宽度自然也就变成了1200px
需要强调的一点是

3、em
em是也是一个动态的单位，它是一个相对于元素字体大小的单位
要说明白，理解清楚这个就要说明白他的参考物
当前元素设置了字体大小，那么 1em即当前的大小
当然没有设定，那么就找设置了字体大小的祖先，直到浏览器的默认字体大小

4、rem
rem与em很一样，他的参考物是html的字体大小进行设定的

5、vw，vh，vmin和vmax
vm，vh均是相对单位，
将浏览器的长宽分别分隔为100份
一份即为 1vh，1vw
vw即表示当前浏览器可见窗口的宽度的大小
vh即表示当前浏览器可见窗口的高度的大小
vmin 表示vh，vw中最小的那个
vmax表示vh，vw中最大的那个