今天完成的事情：

      1.今天在做任务一的过程中学会了float的大致用法，原来在调整正方形的位置时一直在用margin结果效果一直都不尽如人意，不是在缩放时位置变形，就是在调整位置时太过麻烦，一个数据有所改变则所有的数据都不得不一齐改变，实在麻烦，在了解到float的效果并加以使用后，上述问题皆迎刃而解。

       2.在调整正方形的宽高时遇到了不少麻烦，为了使正方形能够适应页面宽度的调整而不变形而尝试使用百分百来定义宽高，然而一开始陷入了height:xx%;的迷茫之中，在定义高度时很难将宽高长度相等，后来将对高度的调整由height:;改成了padding-top:;虽不知这样是否符合验收标准，但在此后，正方形一直都能保持不变新，感觉这办法还是不错的。

       3.初步了解到了viewport和如何使用，对Chrome开发者工具的了解加深来不少

明天计划的事情:

       1.明天计划将任务一的不足之处完善好，并将任务提交。结束任务一的学习。

       2.好生了解下什么是github及其其用法，为接下来的任务二做好相应的准备。

遇到的问题:

       1.今天在做任务一的过程中一直为九宫格中小正方形不变形而伤脑筋，固定的px值容易在宽度调整时使正方形走形，而用百分百时高度难以和宽度相等，后用padding解决之。

       2.在大致的将九宫格做出来后才发现有验收标准（萌新才刚混迹于修真院，很多东西都还不懂。逃）愕然发现这前三点便未能做到...emmm 不知道设计图的各项具体指标，只是在靠感觉做任务似乎有点脱线，关于滚动条问题时表示一脸懵 不能有滚动条？ 蛤？好吧，我实在不知道该如何将滚动条给去点，看来明天得好生研究下。 至于模拟手机访问时效果还不错，就是在放大后还是会有进度条的出现 (摊手表示无奈)。

      3.在百度github后发现这东西似乎很是复杂的样子，甚至于在打开其官网后我就懵了，英语不好表示啃生肉网站牙齿痛=_=。

收获：

     1.学会了使用float，又学会了一个对div进行调整的方法

对了，这是我的代码，还望大佬对其进行毫不留情的批判.似乎有点简陋的过分了..