发表于： 2017-03-15 20:51:57
1 847
今日完成：
完成任务八，任务九要求的响应式布局正在调试。
明日计划：
完成任务九，开启任务十
遇到的问题：
1.今天做响应式布局，遇到最多的问题就是处理居中。意识到了之前做的布局的很多局限性，通过调整元素（父元素、子元素）的display，position等解决。
2在处理下拉菜单折叠时遇到问题，没有办法很好的使布局完美。最后通过学习bootstrap的Collapse插件功能解决。
3.处理背景图片时，发现图片尺寸小于盒子时可以用cover处理，但是如果图片尺寸较大，缩放时下方会留下白边。最后设置图片尺寸height=100%暂时解决。
4.调整布局时发现行宽无法调整，最后发现是因为其中有元素设置为了table-cell的原因。查阅资料得知table-cell没有宽度属性，导致了这个问题。
收获：
1.理解响应式布局的用法；
2.Collapse插件的用法；
3.在调试布局时，更加理解各种不同的居中方式。
返回列表
评论