利用CSS进行布局和第一天的TODO

如何让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