自适应布局

ui要求实现这样的自适应布局，padding不能变。

做的过程中发现，在1280px的屏幕上API。。。标题的位置不够，被挤下来了，于是使用媒体查询、rem，在小于1440px的屏幕上，设置html的font-size，使1rem的px值变小，从何标题字号变小不会被挤下来。

button要求固定在下方，一开始直接使用position定位，但是发现由于脱离了文档流button不占据空间，又不能设置元素的高度，所以在button前面增加了一个占位div用来撑开父元素的高度，搞定！

且由于两个li用的flex布局，所以等高。