今天完成的事情：1.今天首先对任务一进行了分析，因为之前学过html,css的一些知识，所有并没有用任务列表中的浮动（float）属性，而是使用了c3中的弹性布局。在写代码的时候，之前是先给每个格子设置固定宽高，完成静态图。后将宽高改为百分制，想着九宫格大小可以随屏幕宽度改变，但设置之后，发现九个格子并未显示，在浏览器中F12后审查元素。发现其中的格子只有宽度，高度为0；然后将高度百分制改为固定高度（px），九宫格正常显示，但这样只有宽度能自适应。百度如何做到高度随宽度自适应：

发现宽度的自适应是根据viewport的width来调整的，比如{width：50%}就是浏览器可视区域的50%，resize之后也会自动调整。

而height指定百分比后，他会自行找到viewport的height来调整，跟width一毛钱关系没有，自然两者不能达到比例关系了。通过这个思路，要找到一个能跟viewport的width扯上裙带关系的属性，就能解决这个问题了。

这个属性就是padding，padding是根据viewport的width来调整的，巧就巧在padding-top和padding-bottom也是根据viewport的width来计算的，那么通过设置这个属性就能跟width达成某种比例关系了，

所以这个时候我们再设置element的height为0，padding-bottom于宽度一致;即可实现宽高的自适应。

2. 关于如何将成果上传到github并展示，看了几个师兄的回答，很容易搞定了。

明天计划的事情：Nginx之前没听说过，好像是服务器吧，明天好好了解一下 
遇到的问题：gitd的一些常用命令有些忘了，通过百度已自行解决。
收获：宽度的自适应是根据viewport的width来调整的，padding-top和padding-bottom是根据viewport的width来计算的，所以可以根据padding-top和padding-bottom实现宽高的自适应