发表于： 2016-04-23 21:44:19
1 1569
今天完成的事情：完成task10-2，修改task10-1,
明天计划的事情：开始看task11，了解需要用到的知识点
遇到的问题：1、在完成task10-2的时候，顶部banner图片直接添加img标签当屏幕缩小时图片不会缩小。
解决：在bootstrap下可以为图片添加名为img-responsive的class使图片变为响应式图像，可以随屏幕大小变化。
2、左边合作企业栏当屏幕缩小里面的链接还是单行排列，占据大幅空间不够实用。
解决：添加媒体选择器，单独设置当屏幕变小后的样式，我这里设置成inline-block使其横向排列缩小空间。
收获：有了前面task10-1的基础后面做起来就快的多了，继续加油吧！已经提交辞呈，下个月开始js的学习。
demo:http://119.10.57.66:880/ptt009/ptt/task10/task10-2.html
返回列表
评论