响应网站设计应根据用户使用的设备的分辨率进行相应的响应和调整，以最大限度地满足不同设备的用户体验需求。响应网站设计是一个网站可以兼容多个终端，不需要为每个终端制作特定的版本。简单理解：响应网站=手机网站+pad端网站+PC网站。具体实现方式由弹性网格、弹性图片、CSS媒体查询(mediaquery)的使用等多方面决定。

弹性网格(flexiblegrids)：可根据屏幕分辨率扩展或拉伸内容。

弹性图片(flexiblegrids)：在小屏幕上可以缩小尺寸，并可以扩大最大尺寸来支持大屏幕。

媒体查询(mediaqueries)：代码段放置在站点HTML和样式表中，用于收集设备显示能力的信息，以支持多种形式的界面。

1、用户体验友好

随着计算机尺寸的多样化和智能设备（pad/智能手机）的普及，在当前追求用户体验第一的时代（2016年），固定宽度（960px或1000px）在网站上被广泛使用，逐渐不能满足不同设备和不同分辨率的需求。在高分辨率计算机的宽屏显示器上，两侧有太多的空白。

在手机上，内容显示太小。为了看清楚，用户需要先放大界面，然后左右拖动界面。响应网站可根据不同终端、不同尺寸、不同应用环境自动调整界面布局、显示内容和内容尺寸，提供非常好的视觉显示效果和一致友好的体验。

2、SEO友好

由于响应网站在不同终端有友好的界面显示效果，用户可以始终与网站保持联系，如URL不变积累共享；通过单个URL地址收集所有社交共享链接，最佳搜索引擎。搜索引擎也变得越来越聪明，足够智能地连接移动网站和桌面网站。

3、多个网站只需要一个背景就可以完成所有网站的维护，而不需要增加额外的负担。在这一点上，你可能会说，如果你不做一个响应性的网站，你也可以做一个移动电话站来同步数据和一个背景。

这是非常正确的，但这仅限于维护一般的新闻内容和产品，并不是所有的内容都可以一站同步。例如，网站横幅和一些特定地方的图片尺寸需要两次切割。

1、对低版浏览器兼容性不友好

这是一个致命的问题，对旧版本的浏览器没有很好的支持。在旧版本的浏览器上打开响应网站往往会出现图片显示不完整、排版混乱等情况。

2、缺乏灵活性

基于不同终端的不同设备属性，对产品用户体验的要求将非常不同。功能性网站不适合响应性网站设计，如：电子商务类型网站、宽屏PC内容如果全部显示在手机上，必然导致手机界面很长，需要根据手机属性重新设计信息框架，响应网站要求很高，实现难度和成本很高。

然而，为了提高用户体验，大型网站通常将高分辨率宽屏幕网站的最小响应尺寸响应到1024px，不再适合手机，手机重新设计开发一套手机网站，简单理解为2.5响应，如：电子商务网站亚马逊、Calvinke、Nike、视频网站Youtube等。

3、速度可能会变慢

由于响应页面同时下载多套CSS样式代码，可以在手机上下载PC和Pad冗余代码，导致文件增加，影响加载速度。但是CSS样式的代码占用的内存比图片少，所以如果前端编程处理得好，就不会影响网站的加载速度。

4、开发成本高

这个价格预算问题往往是大家最关心的问题之一。说到这里，你可能会觉得奇怪。响应网站只是一个网站。为什么比手机站和电脑站贵？主要原因如下：

企业网站定制最重要的成本是工成本。响应性网站的制作需要高级设计师和高级程序员。独立制作每个版本只需要普通设计师和工程师，但响应性网站的开发必须由高级设计师和高级程序员来完成，这就导致了很大的差异。我们都知道高级设计师和程序员之间的比较，所以响应性网站的价格很高。

响应网站需要注意的细节太多了。比如一个普通的JS效果需要考虑3-4个终端的区别，JS代码的兼容性要很好。根据之前的开发经验，这样的细节比普通网站多注意3-5倍。如果你多注意细节，开发周期会很长，工作时间会这样上来。

市场上很多响应式网站往往不考虑网速，在移动端和PC端需要加载的页面数据往往是一样的，结果是，如果用户使用2GG网速，不仅速度慢，而且耗费流量。一个完美的响应式网站不应该是这样的，但是做到这一点所需的技术难度确实很高，所以这也导致了成本的增加。

温馨提示：企业是否做响应网站，取决于自己网站的定位。如果是一般的企业官方网站，网站内容较少，预算充足，对网站页面要求较高的客户可以考虑做响应网站。

如果你想做一个功能性的网站，网站内容更多，选择需要电脑和手机分开做。事实上，我们会稍微注意一下。响应真的很好，为什么京东不做，天猫淘宝不做。一是技术实现太困难，二是真的不适合这些功能性网站。

美好未来首创1对1项目负责制，项目经理专人全程负责。我们为您提供网站建设优化解决方案，互联网品牌建设与网络营销，设计、技术开发、网站和SEO优化行业的技术和数据支持服务、营销推广等服务。为您的企业获取网络流量，挖掘精准客户，达到更高的销售指标。是您的企业提升产品销量最好的伙伴。