任务二十三

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

上一篇下一篇

猜你喜欢

热点阅读