今天完成的事情：（一定要写非常细致的内容，比如说学会了盒子模型，了解了Margin） 

1、今天完成了两个页面小细节的调试。

正文页面有三个问题：

.circle：hover效果是让小圆点的样式发生改变，.circle-text：hover是让字体的颜色改变。

媒体查询 min-width：768px  意思：最小宽度768px，设置这个最小只能在768px起作用，768px以下就没有作用。

当时还在想用什么覆盖flex属性，后面就试了block和inline-block都是可以的。

职业推荐页面的问题：

在768px以下就样式就变了，设置块级元素就行了。

  

间距也变大了，后面发现line-height的是作用于文字的就删掉了line-height：100px的高度。当时只是想增加导航栏的高度，后面检查的时候发现是设置错了，line-height设置到a标签里了，虽然在768px以上看上去是高度增加了，但是打开汉堡菜单后就如上图的问题，a标签文字的高就被撑大了。

3、我发现当小于768px以下会有一个间距，找了半天发现有好几个属性自带的padding、margin的值。如图： 

之前找以为是a标签里设的padding值，原来是自带的。还有导航栏下拉菜单组件自带的margin值和我在首页的那一栏col类名homepage里设的margin-left的值，后面我去掉之后还是有间隙，可能是后面又设置了一些其他的属性相互之间影响。

   

首页页面的问题：

    

明天计划的事情：（一定要写非常细致的内容） 

还剩首页的战略合作伙伴的图片需要调试下，还有一个阴影的hover效果需要写，问题太多了。

明天接着完成最后的调试。

遇到的问题：（遇到什么困难，怎么解决的） 

战略合作伙伴那里的5个图片如果用栅格排列怎么排比较合适，在990px以下的分辨率图片就会变形，如图：

到768px以下就会变成左右各两个，是什么原因？

后面我没有用栅格，只是用div嵌套，然后用媒体查询在990px值下用flex-flow：column warp，让图片在990px以下纵向排列，然后在垂直居中，看上去要好多了。

收获：（通过今天的学习，学到了什么知识）

媒体查询的运用，min-width和max-width的含义。还有文字修饰的属性text-indent。以及fiex-flow属性的运用。