响应式Web设计方案(Responsive Web design)的核心理念是:集中化建立网页页面的照片排版设计尺寸，能够智能化地依据客户个人行为及其应用的机器设备自然环境(系统软件服务平台、显示屏规格、显示屏定项等)开展相对性应的合理布局。不管客户已经应用手记本還是iPad，大家的网页页面都应当可以全自动转换辨别率、照片规格及有关脚本制作作用等，以适应不一样机器设备。响应式网页页面设计方案便是一个网站可以适配好几个终端设备--而并不是为每一个终端设备做一个特殊的版本号。那样，大家便可以无须为持续来临的新机器设备做专业的版本号设计方案和开发设计了。

大家根据响应式的设计方案和开发设计构思让网页页面更为 延展性 了。照片的规格能够被全自动调节，网页页面液体照片技术性合理布局再不容易被毁坏。尽管始终沒有最极致的处理计划方案，但它给了大家大量挑选。不管客户转换机器设备的显示屏定项方法，還是从台式一体机机显示屏转到iPad上访问，网页页面都是真实的颇具延展性。
根据液体网格图和液体照片技术性，而且在恰当的地区应用了恰当的HTML标识。

响应式照片技术性观念：不但要环比的放缩照片，也要在小机器设备上减少照片本身的辨别率。这一技术性的完成必须应用好多个有关文档，大家能够在Github上获得。包含一个JavaScript文档(rwd-images.js)，ess文档，及其一些案例資源文档。大概的基本原理是，rwd-images.js会检验当今机器设备的显示屏辨别率，假如是大屏幕幕机器设备，则向网页页面head一部分中加上BASE标识，并将事后的照片、脚本制作和款式表载入恳求定项到一个虚似相对路径 /rwd-router 。当这种恳求抵达网络服务器端，.htacces文档会决策这种恳求需要要的是初始照片還是小规格的 响应式照片 ，并开展相对的意见反馈輸出。针对小显示屏的移动终端，初始规格的大图图片片始终不容易被采用。

响应式设计方案在2013年被提的较为多，可是响应式设计方案依然不在断转变，持续自主创新。例如，新的机器设备持续出去(iPad Mini)，这让之前的设计方案念头分崩离析。而各种各样Web的响应式设计方案也得到了越来越越大的留意， 令人们忘掉机器设备规格 的核心理念将迅速地驱动器响应式设计方案，因此Web设计方案也将迈入大量的响应式设计方案原素。