今天完成的事情：

1、今天继续了task8的制作，引用了轮播图，很实用。

2、今天主要改了task5的很多细节，基本上算是重新做了一遍。

明天计划的事情：

1、明天继续制作task8，利用轮播图和栅格系统尽快完成任务。

遇到的问题：

1、在改task5的时候在整体布局上遇到了一些问题，最后在师姐的指导下用meta标签解决了问题。

2、在改task5的时候在不同的界面自适应上遇到了一些问题，最后在师姐的指导下，运用媒体查询解决了问题，同时也学到了很多东西。

收获：

1、媒体查询：

定义和使用

使用 @media 查询，你可以针对不同的媒体类型定义不同的样式。

@media 可以针对不同的屏幕尺寸设置不同的样式，特别是如果你需要设置设计响应式的页面，@media 是非常有用的。

当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面。

CSS 语法

你也可以针对不同的媒体使用不同 stylesheets :

媒体类型

媒体功能

实例：

@media only screen and (max-width: 500px) {
    .gridmenu {
        width:100%;
    }

    .gridmain {
        width:100%;
    }

    .gridright {
        width:100%;
    }
}

媒体查询很有用，以后也会经常用到，虽然比较有难度，不过也确实学到了很多东西，需要学的东西还有很多，希望尽早熟练掌握媒体查询相关知识，以便之后的任务进展。