1，今天完成的事情：把task3自适应做了一遍，task4自适应做了一半。task9那个input属性中单选框的样式也能做出来了，谢谢巫师兄。

2，明天计划的事情：做task7任务的自适应

3，遇到的问题：自适应中：盒子宽度÷总宽度x100%＝自适应宽度的半分比。图片也是。文字的话就是用个媒体查询：

@media screen and (max-width: 640px) {
    html{
        font-size: 40%;
    }
}

这个代码放在css里面就好了上面是屏幕最大640像素的文字是40%。这个地址可以看详细的链接。需要的同门可以看看：http://blog.csdn.net/phker/article/details/49621123

昨天任务9中的那个input属性中单选框的样式是：

在此之前要把之前那个radio的样式隐藏掉input{display:none;}

input[type=radio]+span

{

border:1px solid blue;

width:18px;

height:18px;

border-radius:100%;

}
input[type=radio]:checked+span:                        

{

border:7px solid blue;

width:18px;

height:18px;

border-radius:100%;

box-sizing:border-box;

}

4，收获：自适应可以理解更加深入，有最大宽度和最小宽度。媒体插入后字体也随之变换，高度自适应百度也有。

5，task3自适应：http://119.10.57.69/ptt004/ppt299/task3/index.html