发表于： 2018-05-31 22:58:06
1 498
今天完成的事情：
#1 完成小课堂
#2 自己完成简单的栅格系统
外层容器，限制宽度，清除浮动
在不同宽度的列数，设置不同宽度，使用媒体查询实现响应式
对于内容根据排布方向使用flex
明天计划的事情：
#1 完善栅格
#2 完成页面1、2
遇到的问题：
按照自己的思路实现的栅格系统，遇到了很多问题，没有完全记录下来。
#1 列使用float，在内容高度不同时布局会被破坏
这个问题在bootstrap中也出现了，使用中尽量保持列高度相同
#2 列内容布局不同，需要不同布局方式，这个尽量做到模块化，可以复用
#3 由于列宽度设置的原因，有时候需要填满剩余空间，目前的想法是使用float+BFC实现
收获：
由于没有使用类似bootstrap这样成熟的栅格系统思路，按照自己思路实现的过程遇到很多没有预料到情况，这些问题目前没有太多难度，只是因为自己想法不成熟，不断填补想法中的空白，这也算是一种锻炼吧。
任务14
开始时间：5.27
预计结束时间：6.3
http://task.jnshu.com/zentao/project-task-629.html
返回列表
评论