今天完成的事情：

这几天补了补js知识，用node js koa2框架搭了最基础的静态页面，放到了服务器上。

完成task7,基本上不变形

明天计划的事情：

初步完成task8

遇到的问题：

我的第一个页面（选择版本的页面）为了保证不出现竖向滚动条，用vh控制的header，footer等高度

但是其他的页面，在电脑端屏幕上，用vw感觉不是很友好- -

收获：

学会了字体大小的弹性改变（第二个页面用了）

用calc计算字体大小，不会生硬的从16px跳到20px，而是随着宽度改变。

用%保证兼容性，后面字体用rem布局

@media screen and (min-width: 375px) {
html {
font-size: calc(100% + 2 * (100vw - 375px) / 39);
}
}
@media screen and (min-width: 414px) {
    html {
        font-size: calc(112.5% + 4 * (100vw - 414px) / 586);
    }
}
@media screen and (min-width: 600px) {
    html {
        font-size: calc(125% + 4 * (100vw - 600px) / 400);
    }
}
@media screen and (min-width: 1000px) {
    html {
        font-size: calc(137.5% + 6 * (100vw - 1000px) / 1000);
    }
}

经过百度，发现有touchstart等方法，具体需要js实现。