今天完成的事情：

1、学习了Chrome的开发者工具，使用开发者工具模拟手机访问页面。

2、根据上一篇日报中师兄的评论，学习了css中百分比的设置，使九宫格可以自适应宽度，主要学习了百分比是相对于谁的百分比，了解了为何高度需要用padding-bottom而不是height，另外再次温习了盒子模型中margin、padding、border的概念。

3、尝试将padding-bottom替换成padding-top，无影响，替换padding-left、padding-right时不显示方块，替换padding时单个方块占领一行，分析猜测padding-xxxx主要用于设定高度，当包含横向的长度属性时会干扰width。（出错的情况没有截图，忘了...）

4、使用Chrome调试页面，自由缩放时基本可以完成自适应，但当宽度小于240时会出现横向滚动条，页面缩小停止，暂不明白原因。

5、学习了viewport的概念，使用它对页面进行了优化，优化后上条出现的问题消失，无论如何缩放页面都会实现自适应。

6、下载被配置好了nginx，在本机localhost可以访问到自己的九宫格页面，但由于使用的是公共场合wifi（Starbucks），手机与电脑共连同一wifi然后输入ip地址的方法无法访问页面，试图尝试使用GitHub，但访问速度太慢遂放弃。

7、回家后重新尝试，在家中wifi成功使用手机访问页面。

明天计划的事情：

1、复习盒子模型，多搜索一些资料在深刻理解一下

2、复习html常用标签

3、对于百分比的使用再深入学习一下，除padding、width外，也了解一下其他属性的继承逻辑

4、领取任务二并争取完成

5、在完成任务一的过程中有搜索到似乎可以通过github来实现手机访问页面，有时间的话再深入了解一下

6、查看了一下最后的深度思考，有些难作答，白天空闲时看一看小课堂

遇到的问题：

1、在未搜索过css中百分比的用法时，先自己尝试了一下使用百分比实现自适应，造成九宫格不显示（使用了height），搜索后改用padding-bottom解决。

2、对于padding属性（或者说对于盒子模型中属性的具体设置）理解还是不够深刻，希望可以在不断接触的过程中深化理解。

3、在使用viewport优化前页面宽度缩小240就会停止缩小，想不明白原因。

收获：

1、初步了解了css中百分比的用法和自适应

2、学会使用开发者工具调试自己的页面

3、了解了nginx，学到了用手机访问本地页面的一个方式

4、想起了自己好几年前注册的github账户密码，还在里面找到了之前收藏的中国宪法