今天完成的事情，投票页面基本完成，背景音乐卡住了。

在页面自适应的时候，出现了问题。12个投票盒子，拉伸到320px的时候，就会在一起。

询问师兄，师兄跟我讲，找着任务一的九宫格去做，发现还是问题很大。就是做不出来。逼不得已就决定分开去做，3个盒子变成一行，写入一个盒子里面，分四份。

代码如下

page{

    padding: 20px 20px 20px 20px;（设置父级盒子的内边距）

    background: #29bde0;

    display: flex;

    justify-content: space-around;（让flax的项目有点间距）

}

.people{

    width: 20vw;（水民盒子）

    height: 14vw;

    background: #f5c97b;

    text-align: center;

    font-size: 3vw;

    line-height: 500%;

    border-top: 3px solid #fff;

    border-left: 3px solid #fff;

    border-right: 3px solid #fff;

    margin-top: 40px;

    padding-top: 10px;

    padding-bottom: 10px;

}

.number {

    width: 20vw;（1号盒子）

    height: 8vw;

    background: #83b09a;

    text-align: center;

    line-height: 320%;

    border-bottom: 3px solid #fff;

    border-left: 3px solid #fff;

    border-right: 3px solid #fff;

    font-size: 2vw;

    color: #fff;

}

设置背景音乐的时候，遇到了些小麻烦。看了css教程之后，设置背景音乐。代码如下，但是之前的图标是用背景图片做的，我

不知道我是在背景图片加入超链接，还是设置一个盒子用，用margin去挤。不知道设置成背景图片，有没有办法去超链接，

毕竟背景图在css部分里面，超链接是在html里面。

   <video controls="" autoplay="" name="media"><source src="frequency/music.mp3" type="audio/mpeg"></video>

今天的收获，对布局理解还是很差劲，看到12个盒子就像把他们全部写出来，然后去flax，之后发现我没能力去让他们自适应，间距有问题。学会了如何设置背景音乐。

明天任务，投票页完成。最好把结果页做完。