2.4.2 响应式网页的历史

响应式网页相对于传统网页而言起源的时间和历史都不算长，最早是一个名叫伊桑的人在2010年写了一篇关于网站设计的文章，在文章中他提出了使用流动布局，媒介查询和弹性图片三种工具就能建设一个能自动适应不同大小屏幕的网站的思路。

在传统网站设计中，对于元素显示都是用像素来进行位置的表示，而伊桑在的文章中提出除了使用像素，还可以使用百分比等方式来表示位置，然后就可以使网站具有自动根据分辨率和浏览平台对页面布局。使用媒介查询这种工具可以使网站能够查询到浏览使用的平台包括分辨率在内的多种默认属性。布局弹性设计后，网页中图片也必须进行弹性设计，然后可以扩展到图标，插入的视频等范围。

2.4.3 响应式网站与传统网站对比

（1） 传统网站

对各种IE、其他浏览器和操作系统不能做到完全的兼容。对不同的平台或终端需要制作不同的专用版本，不同版本的页面效果很难统一。对不用版本的页面优化要分别进行，优化过程繁琐。

（2） 响应式网站

响应式网站基本上可以兼容所有的平台，方便管理。对不同的平台和终端可以做到页面效果统一。对网站进行修改可以同时反映到所有平台终端的页面。

2.4.4 响应式网站技术

我们通过响应式的设计思路让页面弹性化，使图片尺寸可以根据页面大小被自动调整，页面的布局就不会被破坏。虽然说永远也没有完美的解决方法，但是可以给设计提供更多的选择。不管用户改变了浏览屏幕的方向还是改变了页面的分辨率，页面都因为弹性化设计而不会破坏原有的页面布局。

2.4.5 响应式网站的高性价比

用非主流的浏览器或者分辨率去浏览传统设计的网站时，页面显示可能是一团糟。响应式网站可以根据不同的浏览器和分辨率自动进行页面内容的布局，所以一个页面就可以兼容所有的平台。传统网站的开发需要对不同的使用平台，不同的系统和分辨率分别进行不同版本的设计，这样的结果就是开发成本高，维护管理都特别复杂，而响应式网站管理就特别简单，只需要一次修改就可以在所有平台上同步看到更新的效果。

响应式网站可以自动查询浏览时所用的分辨率，对网页内容和布局做出相对应的调整，任何设备上都可以看到同意的页面效果。换句话说就是，无论用什么浏览器或者分辨率都可以让用户看到相同的效果。一个可以在任何平台轻松浏览的网站肯定要比一个只能在特别条件才能浏览的网站更能让用户满意。

2.4.6 响应式网站的发展趋势

如果一个网站的设计仅仅能针对某一个平台或系统访问，网站在其他设备上浏览时就只有网页中部分的文字和一堆链接，同时网页内容和布局也不成比例，这样的结果就是网站的生存力很弱，而响应式网站就没有这些问题，响应式网站的发展趋势如下

（1）高端、大气、上档次的网页布局设计可以做到快速的吸引用户的视线。

（2）非电脑端浏览网页的用户数量已经超过了使用电脑端的用户数量。

（3）目前来看一个用户不可能只拥有拥有一种浏览设备，在不同场合使用不同的设备进行浏览。

（4）大部分用户认为如果移动端网站做的不够好，就会让人对企业的实力不足的感觉，相对的访问网站的人数也不会增加。

（5）现在手机已经成为很多用户的主要甚至是唯一用来浏览网页的设备，因为相对不方便随身携带的电脑而言手机则可以随时随地使用。

（6）传统网页需要不断的优化，移动站点要单独进行优化，而响应式网站只需对一个进行优化就可以同步反应到所有平台。