发表于: 2017-03-17 22:45:31
1 576
今日完成的任务:
1.把7-3和7-1处理好了,但是7-2修改了之后仍有许多不足的地方,明天把他重写一遍
2.参加了小组讨论,相互交流了一些问题
3.学习了一些bootstrap栅格布局里的代码部分,又复习了一遍关于flex布局中的项目属性,以前一直只是看了容器属性,没有关注项目属性
- order:定义排列顺序
- flex-grow:放大属性,主要是对剩余空间的使用
- flex-shrink:缩小比例,默认是1,为0时不缩小
- flex-basis:类似于width属性,但是会在宽度不够时自动压缩
- align-self:可覆盖作用在flex容器上的align-items属性,也继承来自容器的align-item值
明日计划完成的任务:完成任务7-2的提交,开始任务八,要加快进度了
遇到的问题:在完成任务7-2的时候,想了几种方法最后想了一种最容易理解也是最麻烦的方法,给长宽定长,然后在页面小于640px时做媒体查询,用vw这个单位来取代px,结果缩放的时候,在设置有margin的情况下九个正方形粘连起来了,暂时没想明白为什么,明天换一种方法做
收获:对flex布局有了更多的理解,对媒体查询也用的更加熟练了一些。
评论