随着移动网络的发展以及各种平板、智能型手机平台的盛行，为解决如今各式各样的浏览器分辨率以及不同移动平台的显示效果，而由于是由同一个网页内容转变，管理者也就不必大费周章的重复更新网页信息。
响应式网站可以为不同平台的用户提供更加舒适的界面和更好的用户体验，而且随着目前大荧幕的移动设备的普及，越来越多的客户采用这个技术，我们不仅看到很多的创新，还看到了一些成形的模式。响应式网站可以说是采用了APP功能导向的设计概念，将现有网站内容搭配UI重新设计，方便网站使用于各种移动平台上的浏览与操作。
2015年4月Google mobile friendly宣布：「网页的移动友好度将成为移动搜索结果排序的影响因素之一」故未符合手机端设计的网页，在移动搜索排名会调降！
以前，很多网名都有这样的经历：有些网站压根就没有针对移动设备的网站，哪怕是有，大多都是不够“移动友好”，阅读体验完全跟不上传统的Web版本；而且在不同的移动设备上，浏览体验也是大相径庭，让很多用户大为苦恼。
在这种现状下，怎样让网站兼容Web版本和移动版本，并确保良好的用户体验，这将是越来越重要的问题，当然，有需求，有市场，就会有解决需求的办法。基于以上提到的现状，响应式网站应运而生。
一般传统网页的设计方式主要只针对台式计算机制作，可是，一旦使用移动装置（手机/平板）浏览时便会让画面变得十分拥挤、阅读上显得艰苦。
响应式网页设计的主要核心技术是css3 media query，就是让不同浏览分辨率去套用不同的css设定，可让网页内容随着装置的宽度自动排列页面区块，使字体、图片等在移动装置上也能呈现最佳浏览大小，让使用者轻松浏览无负担！且管理者只需要维护一个网站，便能让计算机、平板与手机三种需求画面同步更新！
1.一个网站能够兼容多个浏览平台(手机/平板/计算机)
2.内容简单扼要
3.版面干净整齐
4.响应式网站 有利于搜索排名
5.操作顺畅便利：能够把最重要的讯息在有限的版面中清楚的呈现给手机用户，才是成功的手机版网页设计，也才能达到最大的效益。
我们了解一下，响应式网站跟手机网站有什么区别？
响应式网站和移动端网站都能满足手机或者平板的访问，但对于网站的营销来说响应式网站的效果远远比移动端网站效果好很多。
1、避免内容重复：响应式网站在移动端和Web使用相同的网址,而移动端网站是根据客户提供的域名指向不用的网址，对于搜索引擎来说是不友好的，它认为你的内容有抄袭的嫌疑。
2、维护成本不同：响应式网站只需要维护一个网站的内容，如果PC网站与移动端网站分开，则需要至少两次的维护。
3、用户体验不同及制作成本：响应式网站可以解决几乎所有主流屏幕的自适应，达到最佳的视觉效果。而移动端网站需针对于每个屏幕尺寸单独制作，访问不同网址，不同页面效果，体验感差，且工作量大。
4、与用户的互动感体验不同：由于创建账号需要输入大量信息，因此用户更喜欢在PC端创建个人账号，而用户的访问又趋向于在移动端完成。然而移动端网站访问独立移动站的内页是一般是重新定向到首页，就这导致用户在访问某个社交平台发布的某个产品的内页自动跳转到内页去了，造成跳出率非常高，但是响应式网站很好的解决了这个问题。
那么什么情况下适合响应式网站建设呢？
1、企业/工作室官方网站建设：企业官方网站、工作室网站、个人网站建议考虑一下响应式建站。相比单独为移动网站建设，响应式网站建站成本低，维护成本低。
2、行业产品展示网站：摄影行业网站、家居行业网站、婚纱摄影网站、外贸产品网站、品牌官网、平面设计网站、法律律师网站等公司展示、产品展示类网站都非常适合响应式网站，将官网做成响应式网站，可以适应各种设备，将企业优势及网络形象的展示给用户，也让用户可以享受优秀的用户体验，赢得更多客户的青睐！
还有这些情景也是适合响应式网站的：
1、最少网站制作成本地适应更多场景：企业是属于盈利性单位，总是希望以最少的成本获取最大的利益。虽然比设计开发一个普通的web网站或者移动端网站来说，要打造一个响应式网站，所需的人力成本和时间成本都会有所增加。但是，从用户需求、用户体验角度、开发成本、维护成本来说，一个响应式网站，比为多个设备分别开发多个版本的网站，成本还是要低很多，维护起来也会轻松很多。
2、不清楚要开发的网站更适合哪个场景：与其通过预测主流设备再分别进行设计开发，倒不如制作响应式网站，自适应各种设备让用户都拥有更的用户体验。
3、期望兼容未来的新设备：新设备层出不穷，与其被动地进行更新维护，不如主动应万变，将网站开发为响应式布局。
那么哪些情况下不合适响应式的网站呢？
1、国内的电商网站：国内的电商网站页面布局比较复杂，展现内容多类目多，而移动端的屏幕大小有限，所以电商类网站做响应式网站会导致用户体验差，建议规划适合移动端布局的移动端网站。
2、功能型的资讯类网站：资讯类网站页面结构单一，是适合响应式布局的，但是功能型的资讯类网站就不适合了。具有一定功能型的网站对于页面的整体排版、样式和用户体验的要求较高，只能另外规划适合移动端布局的网站页面设计。
