发表于: 2021-04-23 22:22:36

1 1091


今天完成的事情:
修改任务八代码

需要修改部分1 没有对齐

思路是给 ul 宽度100%  ul 里的 li 也给个宽度 

先让 li 在 ul 里居中 在给 li padding 

 

修改部分2 媒体查询的时候底部二维码贴底的问题

直接加个 外边距就行了

@media screen and (max-width992px) {
    .whitebox {
      margin-bottom15px;
    }
}


修改部分4 对齐和图片锯齿状的问题

白色部分直接 把col-md-12 的内边距给去掉

图片部分直接重新切图就好了

导航栏部分

重新给 关于 添加样式

   .link-a {
        width29px;
        displayflex !important;
        align-itemscenter;
        margin-left25px;
    }


修改部分5  hover 白边的问题 和添加 过渡效果

原来是hover 部分脱离了文档流之后就不继承父级元素的宽,使得hover部分超出直接介绍栏,我的思路直接多套一个div给他内边距让hover部分和职业介绍栏部分大小合适

学习css过渡和css动画

接下里添加过渡效果

修改汉堡导航栏在屏幕320px时贴着底部的问题

直接添加媒体查询

@media screen and (max-width321px) {
    .top-link {
        height10vw;
 }
}

明天计划的事情:完成任务10
遇到的问题:检查得不够细心,细节问题
收获:css过渡属性


返回列表 返回列表
评论

    分享到