发表于: 2019-12-09 23:06:48

1 987


今天完成的事情:

今天把轮播图和三个页面的响应式加完了,就差最后的精修了


用的弹性盒子和动画  慢慢调的  最后一张图加了第一张图  修改下时间   就不会跳了



弹性盒子 水平轴的俩端对齐 最后一行会出现一左 一右的情况   可以给父元素加


 &:after{
        content: "";  display: block; width:21%;

    }               


这里的虚线要想办法修改一下




这里给它加了宽度 和安全边距




这里的轮播图还没加



这里在小于576的时候效果还不是很好 需要整改下




整体页面都是用弹性盒子做的  媒体查询调整位置



 弹性盒子布局很方便 不用栅格就能实现响应式  


响应式的运用最好是分段使用 以前大范围设置 修改起来麻烦  分段设置好修改   一些属性可以大范围设置



动画还不是很熟悉 基本的几个用法和属性都知道   就差多尝试了 



重构之前的页面理解更深刻了  会有多种方法实现



如果还想到什么内容再补上吧



明天计划的事情:


深度思考学习和理解  再学习下sass  


遇到的问题:


用伪元素修改之后 俩端对齐虽然好看一点  但是会在一些数字上跳几下


收获:


轮播图基本能实现了,再次重构任务8,发现没第一次那么难了,很多问题基本想下就理解了


返回列表 返回列表
评论

    分享到