今天完成的事情：

任务七投票页面的一部分

VW

header{
    height: 55px;
    background: #29bde0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.menu{
    margin-left: 20px;
}
.cast{
    color: #fff;
    font-size: 1.5rem;
}
.wrong{
    margin-right: 20px;
}
.say{
    height: 70px;
    background: #b9e9f5;
    background-image: url(../img/task7.2.7.png);
    background-repeat: no-repeat;
    background-position: 96%;
}
.please{
    line-height: 66px;
    margin-left: 50px;
}
.greens{
    width: 100%;
    background: #29bde0;
}

明天计划的事情：

继续任务七的其他部分

遇到的问题：

说实话前面的任务一直在用px和%，一直没怎么用过vw，今天接触了vw但是一直用不好，师兄说我还是vw的定义和用法没看明白，看明白了就会用了。

收获：

今天学习了vw，以及vw、vh、vmin、vmax 的含义是一种视窗单位，也是相对单位。它相对的不是父节点或者页面的根节点。而是由视窗（Viewport）大小来决定的，单位 1，代表类似于 1%。视窗(Viewport)是你的浏览器实际显示内容的区域—，换句话说是你的不包括工具栏和按钮的网页浏览器。vw：视窗宽度的百分比（1vw 代表视窗的宽度为 1%） vh：视窗高度的百分比 vmin：当前 vw 和 vh 中较小的一个值 vmax：当前 vw 和 vh 中较大的一个值 。vw、vh 与 % 百分比的区别，% 是相对于父元素的大小设定的比率，vw、vh 是视窗大小决定的。 vw、vh 优势在于能够直接获取高度，而用 % 在没有设置 body 高度的情况下，是无法正确获得可视区域的高度的，所以这是挺不错的优势。