一：今天完成的事情：

  1.首先是完成了九宫格的绘制，一开始是直接上了九个div,每一个都用了一个左浮动，让九个并排显示了，然后在第四个和第七个设置了一个clear:both,然后就实现了。后来想到一种新的思路，给每三个div外面套了一个大div，这样每三个div就能独占一行啦，不过这样会使用来包裹的div的高度因浮动变为0，去学习资料里找了一下，刚好有解决办法，一种是直接给父级设高，第二是在父级末尾加个空标签clear:both 一下，第三是直接给父级加一个overflow:hidden，感觉还是第三种好，简单又粗暴，后面还方便自适应，但是原理不是太明白，明天去看下。

  2.自适应尝试了下，但宽高应该只能一种自适应，不知道怎么做正方形，于是去网上搜了下，说是先把宽设成百分比，再用padding-top/padding-bottom设置相同百分比把高度撑起来，但不知道这样做是不是比较好的做法。

  3.去看了一下viewport，有点懵逼，主要是有些概念分的不太清，比如ideal-viewport和visual-viewport，屏幕分辨率和物理像素也分不太清，就按照文章里的随便设置了一下<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=2">，也不知道对不对，nginx也没弄，手机上现在也看不了，对这块确实还实践的不够。

 4.Chrome开发者工具，就只能用它看一下元素的有关信息，css,盒子大小等，那篇文章对我来说比较难，许多知识点还不太了解，后面一边学再常回过头来看吧。

 二：遇到的困难（还没解决的）

 1.border-radius不知道到底设置多少好，随便设了一下，看起来大概像是那么回事，但不知道怎么根据图片精确设置

 2.border不知道怎么自适应，设置宽度是px，w3school里面没看到border-width能用百分比，实际试了一下也不行

 3.viewport不太理解几个概念，随便写了一行代码，也不知道对不对

 4.看到这个班级有个对应的qq群，看了下，群满，说是加另一个群，试着加了下，但是被拒了，应该是入群问题答的不对吧，但我确实也不知道答案是什么，希望同门师兄弟们要是看到的话能不吝赐教一下（要怎么进群啊？）

三：收获

1.看了w3school之后对于float有了一定的理解，但应该理解的还不够

2.知道了正方形的一种自适应方法

3.了解了viewport,虽然不是太理解

四：明日计划

1.上面遇到的一些疑难，试着解决下，实在搞不定就先放着吧。

2.仔细看一下github,学习一下使用方法，明天争取能把代码链接发出来

3.想办法让自己的网页能在手机上显示

4.任务二的学习