CSS布局单位

在 CSS 布局中，长宽高等参数有着举足轻重的地位，对于这些参数，他们有着不同的单位，使用效果也有很大差别。

px

px 就是 pixel 的缩写，意为像素。像素是计算机画面的最小单位，通常这个值是非常固定的，即使画面比例发生变化，对于使用了像素值的参数效果也不会有影响。
优点：固定，不管什么情况下效果都是一致的。
缺点：缺乏弹性，不管什么情况效果都不会改变导致的效果没有弹性。

em 是一个相对的大小，他的参考物是父元素的 font-size，也就是说，使用 em 的时候，子栏目都是根据他的父级栏目的字体大小设置的。

rem 是 CSS3 新增的一个相对单位。
相对长度单位。相对于根元素(即 html 元素)font-size 计算值的倍数。
这个没用过，更具体的就不太了解了。

相对于父元素宽高的百分比。

css3 新增单位，view height 的简写，是指可视窗口的高度。简单说就是窗口高度的百分比，假设窗口高 1000px，那么 10vh 就是 100px。