1 为什么需要响应式布局？

随着移动互联网的兴起与各种不同分辨率终端的普及，之前为电脑大尺寸屏幕而设计的各种网站在小尺寸终端上使用体验不佳。如何设计一个网站能够兼容多个终端–而不是为每个终端做一个特定的版本，从而让用户通过移动设备浏览您的网站获得良好的视觉效果，已经是一个不可避免的问题了。

2 响应式布局是什么？

响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，采用该技术设计网站，使一个网站能够兼容多个终端，以解决移动互联网浏览体验不佳的用户痛点。

3 响应式布局优缺点？

优点: 面对不同分辨率设备灵活性强；能够快捷解决多设备显示适应问题。缺点: 兼容各种设备工作量大，效率低下；代码累赘，会出现隐藏无用的元素，加载时间加长；一定程度上改变了网站原有的布局结构，会出现用户混淆的情况。

4 响应式设计原则

在设计初期应考虑页面如何在多终端展示；充分发挥硬件设备的最大功能；

5 如何实现响应式布局

序号实现方式备注1CSS3-Media Query最简单的方式2借助原生Javascript成本高，不推荐使用3第三方开源框架 Bootstrap等比较好的方式