页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成，包括弹性网格和布局、图片、CSS media query的使用等。无论用户正在使用笔记本还是iPad，我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等，以适应不同设备；换句话说，页面应该有能力去自动响应用户的设备环境。响应式网页设计就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。
　　简单来说就是：
　　集中创建页面的图片排版大小，可以智能地根据用户行为以及响应式Web设计使用的设备环境（系统平台、屏幕尺寸、屏幕定向等）进行相对应的布局。响应式网站就是应用了这种理念的网站。
　　看了上面我们已经了解了什么是响应式网站，那么响应式网站又有哪些优点和哪些缺点呢？
　　优点：
　　1).对用户友好。响应式设计可以向用户提供友好的Web界面，因为它可以适应几乎所有设备的屏幕。现在技术发展日新月异，每天都会有新款智能手机推出。如果你拥有响应式Web设计，用户可以与网站一直保持联系，而这是基本的也是响应式实现的初衷。
　　2).移动频段(Mobile Segment)。在响应式网站的帮助下，你可以获得网站流量的全景图。你需要做的只是创建一个移动频段(的流量统计)，以获得与网站流量相关的所有必要信息。流量的状态在分析网站性能及采取必要措施提升性能方面十分有用。
　　3).积累分享。响应式Web设计可以让你(作为网站的拥有者)通过单一的URL地址收集所有的社交分享链接。你可以为创建更好、更友好的网站而做出积极贡献。
　　4).最佳化搜索引擎。搜索引擎也在变得越来越聪明，它们足够智能可以完成移动网站和桌面网站的连接。
　　5).无重定向。响应式Web设计最大的优点之一是，你不必在乎任何重定向，它包含无用户代理定向。所以当你很少负责解决重定向及定向用户时，这是一件很棒的事情。
　　6).更少维护。开发一个独立的移动网站，会增加你的工作负担。实际上你就拥有了两个独立网站。如果你有一个响应式网站，维护的成本将会很小，因为它只有一个布局，且可工作在所有类型的设备上，而这可以明显地减少你的工作量。
　　缺点：
　　1).加载需要一定的时间。虽然，它不是一个大问题，在响应式设计中，需要下载一些看起来并不必要的HTML/CSS。除此之外，图片并没有根据设备调整到合适大小，而这正是导致加载时间加倍的原因。
　　2).优化搜索引擎。对于响应式Web设计，为搜索引擎确定关键字不是一件容易的事。因为相比一般桌面用户，移动用户多采用不同的关键字，修改标题及其他事项都比较困难。
　　3).Google排名。如果响应式网站仅基于移动内容，它可能会影响到网站的Google排名。因为Google不支持这样的网站，它不会对你的网站进行索引。
　　4).时间花费。开发响应式网站是一项耗时的工作。如果你计划把一个现有网站转化成响应式网站，可能耗时更多。如果你想要一个响应式网站，最好从草图开始重新设计。
　　5).布局。响应式网站Web设计的布局主要是液态的，这也正是设计者对设计样式不好控制的原因。而且眼下正是设计者提前展示各种“复制品”的时候。设计者试图针对移动和桌面布局分别显示线框和设计原型。只有等到这两种布局均得到提高后，响应式Web设计策略才能真正实现。