今天完成的事情：

1、解决轮播图和导航条重叠问题

昨天修改了隐藏的导航条展开后被轮播图遮挡的问题，但是又使整个轮播图被展开的导航条覆盖，而不是推下去。

今天注释了导航条的全部选择器，逐个排查错误原因，发现是因为我为了修改默认样式的高度给了navbar类一个height值

解决方法是：去掉对navbar的修改，通过设置内部组件的padding实现高度增加。

2、调整雪碧图的自适应

从雪碧图引入的图片大小收到三种因素影响：保留位置大小，图片在雪碧图中的位置，雪碧图大小

较渐变的缩放方式是transform：scale（）

在首页的合作企业logo部分，当页面宽度缩小，图片较大且拥挤

解决方法：媒体查询控制不同viewport下的图片缩放

@media (min-width: 769px) {

    [class*="bg_8-l"] {

        transform: scale(.4);

    }

}

@media (min-width: 992px) {

    [class*="bg_8-l"] {

        transform: scale(.6);

    }

}

@media (min-width: 1200px) {

    [class*="bg_8-l"] {

        transform: scale(.8);

    }

}

我选用了弹性盒子排列这5个图片，但是宽度较小时会发现5个图片没有等分，而是根据内容的宽度等比例缩放

解决不等分的方式，是在元素中添加：

width:0;

flex-grow: 1;

但是，在手机端图片纵向排列时，由于width设置为0，需在媒体查询的手机端中设置min-width：100%，填满屏幕

3、添加部分间距

4、调整职业列表页中内部边距

5、添加层次化响应

随着页面宽度缩小，每行显示元素逐渐从4到1

6、取消换行

页面宽度缩小，文本内容会自动换行，取消这种换行，可设置white-space：nowrap

7、解决职业列表页hover效果不完全覆盖问题；

解决方法：将hover效果定义为绝对位置，高度为100%，可随父元素的变化完整覆盖

明天计划的事情：

尽快完成任务8开始任务9

遇到的问题：

昨天的错误均已更正

收获：

掌握了雪碧图中图片的缩放、弹性盒子容器内元素的等分以及取消自动换行