发表于： 2017-04-17 22:28:10
1 750
今天完成的事情：
第一个页面完成，正在进行第二个页面：职位列表。
昨天遇到的问题：自己写的栅格模块中的col-xs-不起效。原因是栅格中用了flex布局。其中的justify-content: flex-start;的作用是用来让子元素往左靠。要实现一样的效果且扔掉flex，给子元素用float:left就行了。
明天计划的事情：
完成任务15。
遇到的问题：
问题1：
窗口宽度大于768px时是这样的效果
小于768px时，后面几个在窗口下方的外面，滚动条都滚不到那儿去
原因：自己写的栅格模块中，container和row内都有overflow:hidden;，而row所在的标签元素的height只有110px。
一旦窗口宽度小于768px，col-xs-12起作用，所有元素排成一列，高度外的内容就被隐藏了。
解决方法：去掉栅格中的overflow:hidden;，需要它时在首页的less中再添加。
收获：
今天的进度不快，过程中被几个不算大的问题卡了很久，有的是粗心导致的。
使用写的栅格模块(最多一行12列)做响应式，遇到了一行5列的情况，设定列宽并结合媒体查询，解决了5列平均分的问题。
返回列表
评论