响应式Web设计(Responsive Web design)的理念是：页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由弹性网格和布局、图片、CSS media query的使用等多方面组成。其页面应该有能力去自动响应用户的设备环境（无论用户使用笔记本还是iPad）。响应式网页设计就是一个网站能够兼... 响应式Web设计(Responsive Web design)的理念是：页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由弹性网格和布局、图片、CSS media query的使用等多方面组成。其页面应该有能力去自动响应用户的设备环境（无论用户使用笔记本还是iPad）。响应式网页设计就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。
响应式网站设计原理
media是CSS中一个不常用到的属性。为了达到响应式设计的目的，让CSS根据屏幕宽度(例如 media screen only @(max-width:480px))，使用不同的CSS代码，从而达到自动调整页面DIV宽度的目的。当然，除了CSS，还可以使用JS对页面内容进行动态的调整。
响应式网站设计目标群
1、想节约成本地去适应更多场景的企业
资源都是有限的，都希望能利用有限的资源去获得更大的价值。打造一个响应式站点比起为不同设备分别打造多个版本的成本还是要低很多，从维护的角度来说，也会轻松很多。对于想要建PC站又想做手机站的企业来说，更实惠，更完美！
2、你并不清楚要设计开发的全新产品更适合哪个场景
响应式网站更具弹性，其在各种设备中都拥有尽可能优秀体验。
3、你希望网站可以兼容未来的新设备
新的设备层出不穷，与其被动地进行更新维护，不如主动应万变，成为响应式。其实只要项目资源和时间允许，基本上大部分网站都可以去尝试实现响应式。
响应式网站设计模式
1、基于设备：通过主流设备的类型及尺寸来确定布局断点（break point），设计多套样式，再分别投射到响应的设备。
2、内容优先：根据内容的可读性、易读性作为确定断点（break point）的标准，即在对内容进行布局设计的时候，可以无视设备，根据内容决定何时需要采用不同的呈现方式。
移动互联时代，响应式网站设计成为主流趋势！
响应式网站设计的优势
1、开发、维护、运营成本优势
一个页面针对不同的分辨率、不同的设备环境进行一些不同的设计，相对多个版本，在开发、维护和运营上，节约了成本。
2、操作灵活
响应式设计可以只对必要的页面进行改动，其他页面不受影响。可以实现数据同步维护，避免重复内容维护。
3、兼容性优势
移动设备新的尺寸层出不穷，定制的版本通常只适用于某些规格的设备，但是响应式Web设计兼容性更强。
响应式网站设计的发展趋势
互联网上的访问设备随着智能移动设备(手机，平板)的加入是爆炸性的增长。为了给手机和平板设备提供更好的体验，必须在网站设计中使用响应式网站设计，用技术来使网页适应不同分辨率的屏幕。响应式网站设计成为未来网站建设发展趋势。
响应式网站设计，为不同设备的访问用户提供更加舒适的界面和更好的用户体验，而且随着目前移动设备的增长，已成为大势所趋。
