响应式布局是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验，而且随着目前大屏幕移动设备的普及，用“大势所趋”来形容也不为过。随着越来越多的设计师采用这个技术，我们不仅看到很多的创新，还看到了一些成形的模式。

学习目标

1.了解什么是响应式布局 

2.了解什么是媒体查询 

3.掌握媒体查询的使 

4.熟悉媒体查询的应用场合与注意事项 

学习建议

课程中有大量的实例，希望大家先模拟后自主练习，微社区上有相应的案例代码下载，别忘了回贴秀一秀你的作业

下载资料：有 

在线编程：无

素材作业交流贴（附件-无、云盘-有）：http://www.kgc.cn/bbs/post/6465.shtml