今天完成的事情：

1、了解了viewport的概念，开发时需要适配不同的浏览器以及移动设备，可以利用meta标签来实现viewport的控制，可利用语句

<meta name="viewport" content="width=device-width, initial-scale=1">

来得到一个理想的viewport。

2、了解了单位em与px的具体区别，其中px像素是相对于显示器屏幕的分辨率来说的，而em这是相对于当前对象内文本的字体尺寸，若字体尺寸未被设置则是相对于浏览器的默认字体尺寸。其中任意浏览器的默认字体高都是16px，也就是说所有未调整声明的浏览器都是符合1em=16px，为了简化计算可以在css中的body选择器中声明Font-size=62.5%，这样就满足了10px=1em的换算关系。而IE无法调整那些使用px作为单位的字体大小，国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位，Firefox能够调整px和em，em的值并不是固定的而且会会继承父级元素的字体大小，并且初步了解了rem这个单位是以根元素来进行拓展，而如果想使用视口的宽度、高度而不是父元素的宽高，就可以使用vh和vw单位。 1vh = viewportHeight * 1/100; 1vw = viewportWidth * 1/100; 使用vh、vw就可以保证元素的宽高适应不同设备，因此我使用了vw和vh单位更新了一下九宫格的编写。

3、初步了解了chrome开发者工具。

遇到的问题；

1、遇到的问题首先还是学习时间吧，现在每天都是晚上9点钟之后才能有大块时间来学习，对新知识的理解又比较慢，希望以后能多保证一点学习时间吧，让任务进度快一点。

2、再利用vw和vh单位进行viewport控制的时候，一开始的比例没有设置好，试了几次才调整好。

3、对基础知识的掌握还不够熟练，慢慢理解记忆吧。

明天计划的事情：

1、掌握chrome开发者工具的使用，模拟手机访问网页。

2、明天要保证学习的时间，完成任务一剩余的内容，希望能通过验收。

3、开始任务二的学习。

收获：

1、了解区分了CSS中的不同单位，理解了viewport的概念，掌握了自适应的单位设置方法。

2、接触到了chrome开发者工具这个神奇的东西，明天有时间再研究一下。

3、上传代码到github时，有了新的便利一点的方法。

4、要好好看师兄师姐们的日报以及代码，学习经验弥补不足。

使用vw单位编写九宫格的代码是github中的7.html