任务二十三
2017-03-22 本文已影响0人
sunshime
任务描述
参考http://7xrp04.com1.z0.glb.clouddn.com/task_1_5_1.jpg,完成页面。
头部和底部的黑色区域始终是100%宽
页面右侧部分为固定宽度,左侧保持与浏览器窗口变化同步自适应变化
左侧的各个模块里面的内容宽度跟随左侧整体宽度同步自适应变化
10张图片需要永远都完整展现,所以会随着宽度变窄,从两行变成三行甚至更多,也有可能随着宽度变宽,变成一行
提示:先把整体的几块先做出来。
参考资料:https://developer.mozilla.org/zh-CN/docs/Web/Guide/HTML/Introduction
https://developer.mozilla.org/zh-CN/docs/Web/Guide/CSS/Getting_started