如何让footer固定在底部？
多次在项目中遇到需要将footer固定在底部即使是中间内容并没有充满一屏的高度，如下效果：
底部栏固定
可以看见中间内容并没有充满屏幕，footer依然固定在了底部。原理较为简单，只需让html和body元素高度为100%即可
html,
body {
height: 100%;
}
使用element-ui中的el-col栅格时如何添加点击事件
<el-col :span="24" @click.native="doSth()">Click Me!</el-col>
TODO
寻找一种让字体大小自适应的方法，似乎 rem 这个单位会有些帮助，准备明天查找资料并改写页面:
正常效果应该如下
正常效果
有时候显示出来的效果如下
M_%85~}N%@A8~BPWP`84NUW.png
