今天完成的事情：今天开始制作响应式导航栏

 还没开始写导航栏就被师兄告知了一个新得知识，就是使用rem单位时我每次都是设置font-size：62.5%；得，这样我得rem大小就是px的十分之一，

但是现在知道这样设置是会出问题的要使用625%来设置会更好，因为62.5%用rem单位时10px会显示12px还是啥。。

今天又看了一天响应式导航栏的制作，感觉自己看懂了，但写的时候一片空白很难受

然后把代码复制到本地，然后看效果这样子才觉得还不错能进行下去

这样子后又突然出现了问题

在设置font-size：625%后，莫名奇妙的这个盒子变大了

检查了好一会还是不知道问题出在哪。。 不过感觉发现着问题只出现在图片上

难道img自带多少宽高？ 但是我是自行设置了宽高的，父级盒子我没设置宽高，莫名被撑大好难受

然后给父级盒子设置宽高也没用。

然后无意间，搜索了下font-size影响div大小发现了答案

原来设置html的font-size会影响line-height的initial值，

标准里面是initial值是normal，而normal是怎样计算的呢？"告诉用户代理根据该元素的字体把应用值设置为一个“合理的”值。该值与<number>的含义相同。我们推荐介于1.0到1.2的“常规”应用值。计算值为'normal'。这个值是参考元素自身的字体大小。"line-height标准 所以不指定div.head的高度，直接写入文本：

这样整个div的高度计算成了114px，因为div.head继承了body的line-height,可以看到代理计算值也是在1.0-1.2之间。
继续在div里面插入两个内联元素标签，指定内联元素的line-height和字体大小一样，可以看到整个div的高度还是114px，这是因为div的line-height还是继承body的line-height：

以上是我复制下拉的别人的回答，这个回答就告诉了我们设置了html的font-size后的影响，我看了后大受启发，直接给受影响的父级盒子设置成跟我给这行设置的line-height一样的值，这个问题就完美解决了

解决后神清气爽真舒服

本打算把这三个图片换成a标签然后设置背景图片试试就先放下了

明天计划的事情：一定弄完响应式导航栏和轮播图 
遇到的问题：跟任务10一样，看久了就有了种不敢下手的错觉，下了手就觉得什么都不想做
收获：学习了html的font-size