响应式Web设计(Responsive Web design)的理念是：集中创建页面的图片排版大小，可以智能地根据用户行为以及使用的设备环境（系统平台、屏幕尺寸、屏幕定向等）进行相对应的布局。针对国内手机、PAD网民数量的激增，企业手机网站的建设显得尤为重要，而响应式网站的出现，彻底解决了PC、PAD、手机站各自分离、数据不同步的情况，也统一的各网站的样式，同时降低了企业网站的运营成本。
响应式网页的具体实践方式是由多方面组成的，包括弹性网格和布局、图片、CSS media query的使用等。无论用户正在使用笔记本、Pad还是手机，我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等，以适应不同设备；换句话说，页面应该有能力去自动响应用户的设备环境。响应式网页设计就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这样，我们就可以不必为不断到来的新设备做专门的版本设计和开发了。
响应式设计在2012年被提的比较多，但是响应式设计仍然在不断变化，不断创新。比如，新的设备不断出来(iPad Mini)，这让以前的设计想法土崩瓦解。而各种Web的响应式设计也获得了越来越多的注意，“让人们忘记设备尺寸”的理念将更快地驱动响应式设计，所以Web设计也将迎来更多的响应式设计元素。
兼容主流操作系统和浏览器
如今客户不仅仅使用iPhone和笔记本，而且使用iMac的27英寸显示器，10英寸的Kindle和很多平板设备。这些设备可能会使用不同的浏览器，并且每种表格因素和浏览器的组合都可能导致不同的页面渲染。并且这些行为可能在每个版本上都不太一样。
适应各种大小的浏览器
基于“响应式内容”的本质，页面应该在任何合理屏幕大小的设备上看上去都很舒服，从300*300的手机到2550*1600像素的显示器。最快最方便的评估响应式功能的方式是大幅改变浏览器的大小，检查显示情况。
对于这类测试不需要任何搭建时间。只需要打开网页，点击浏览器的右上角，拖拽到所需的大小。文本是否在你认为应该在的位置，是否仍然可读？图像是否能合理伸缩？控件是否还在页面上——按钮，文本输入框，日期控件和其他的——是否仍然可用？它们有没有遮盖掉其他重要的内容？
适应移动设备和旋转
移动设备使得响应式网页设计变得如此重要。移动设备也给响应性带来了一个新的要求：旋转。这些小型设备会跟着主人去任何地方。这些设备也可以随意旋转，从纵向到横向再转回来。这似乎和改变大小很类似。但是实际上设备的每次旋转之后，网页都需要重新渲染。
一些应用在改变大小时可能会改变自身行为 -- 比如，iOS7的计算器，在IPhone4的纵向模式下会隐藏科学计算选项。
