发表于: 2016-03-31 00:05:38
1 1586
今天完成的事情:
1、task10还差一小部分就完成了。
明天计划的事情:
1、完成task10,开始task11。
2、想一想还有啥东西要准备去线下。
遇到的问题:
1、写导航条的时候把brand和导航列表分开写了,然后当收缩的时候,brand的图片有一部分被遮盖了,不知道是给两个部分同时定高还是让它自动撑开。。
2、偶尔还是会纠结这边距该用百分比表示还是固定像素。。用了栅格系统就不用考虑容器的宽度。
3、对于垂直居中的实现还是有一点疑惑,暂时只知道两种方式,一种是单行文字给设置和高度一样的line-height,另外一种是添加表格标签,激活表格自带的垂直居中属性,但是这种做法空标签比较多。做task10有一部分的内容需要垂直居中调整,把容器内的元素都设置成内联块级元素,再单独给每个元素加vertical-align:middle也可以实现,有点迷糊这是为什么。。根据前面2种方法实现的思路来看都需要有一个高度的值给元素参考,但是并没有给父容器设置高度,费解费解。。
收获:
1、今天调试导航条响应式的效果,导航列表收缩后展示的宽度是以button容器宽度为准,还有button的样式和位置调整。
2、这个用F12调试的次数比以往都多,也算熟悉f12调试了。。。有时候写了自己的样式,没有效果就要去排查,不像自己写的,效果没出来就肯定是自己的错。
评论