css高度自适应
em 它是描述相对于应用在当前元素的字体尺寸，所以它也是相对长度单位。一般浏览器字体大小默认为16px，则2em == 32px； ex 依赖于英文字母小 x 的高度 ch 数字 0 的宽度 rem 根元素（html）的 font-size vw viewpoint width，视窗宽度，1vw=视窗宽度的1% vh viewpoint height，视窗高度，1vh=视窗高度的1% vmin vw和vh中较小的那个。 vmax vw和vh中较大的那个。
其中 height: calc(100vh) 表示全视窗高度，利用该规则可以更好的进行适配
.el-header {
background-color: #B3C0D1;
color: #333;
line-height: 60px;
height: calc(10vh);
}
作用域学习
var x = 1;
/* 首先函数y是一个匿名函数，当foo调用时，其参数x为undefined */
/* 然后y中的x被赋值为2，紧接着又声明了另外一个x为3，这两个x不一样，因此最后输出3 */
/* 如果去掉var x = 3 那么这两个x一样，最后输出2 */
function foo(x, y = function() { x = 2; }) {
var x = 3; y(); console.log(x);
}
foo()
