现在，许多人开始建立自己的网站，其中有许多类型的网站，大多数企业建立响应的网站，所以什么是一个响应式的网站？

　　一，响应式网站的起源

2010年5月，伊森。马科特在《一份名单之外》中写了一篇题为“响应性网页设计”的开创性文章。他使用了三种现有工具：流体网格、媒体查询和可伸缩图像，创建了一个可以在不同分辨率屏幕上美丽显示的网站。

伊森马科特(Ethan  Marcotte)敦促设计师利用网络的独特功能进行设计：“我们可以将不同联网设备上的许多体验视为同一网站体验的不同方面，而不是分别切割每个设备，将设计相互断开，这是前进的方向。

这也是响应性网站概念的最初提议和实施。随着互联网的快速发展，它变得更加成熟和完善，最终成为一种新的网站功能形式。

　　二，响应式网站是怎么“响应的”

在谈了响应式网站的由来之后，我们来了解一下响应式网站是如何发挥“响应式”作用的。首先要明白，响应式网站是随着移动互联网的发展而引入的移动过渡概念。什么意思？早在PC时代，人们就已经意识到移动互联网时代的到来，但当时每个人的网站都是面向PC的，网站从PC到移动需要一段时间，而响应式的设计正好符合这个时间过程中的网站解决方案。

响应式Web设计的思想是网页的设计和开发要根据用户行为和设备环境(系统平台、屏幕尺寸、屏幕朝向等)进行响应和调整。

有很多实用的方法，包括灵活的网格和布局、图片、使用CSS的媒体查询等等。无论用户是使用笔记本电脑还是iPad，我们的页面都应该能够自动切换分辨率、图片大小和相关脚本功能，以适应不同的设备。

换句话说，页面应该能够自动响应用户的设备环境。响应性网页设计意味着一个网站可以兼容多个终端——，而不是为每个终端制作一个特定的版本。这样我们就不用为即将到来的新设备做专门的版本设计和开发，从而节省各方面的资源。

　　三，响应式网站的好处

1.响应性网站的兼容性非常高。传统PC网站与其他移动设备不兼容，从PC到移动设备的转换容易导致网页内容丢失，转换速度慢。响应性网站不仅能适应各种屏幕尺寸的手机，还能兼容各厂商不同标准的Pad设备。

2.响应式网站SEO优化更合适。如果没有反应灵敏的网站，就要分别优化传统PC网站和移动网站，不仅增加了工作量，也不利于网站形象的统一。响应网站是同一个网站，对于搜索引擎优化措施更方便。同时网站根据不同的设备进行适当的布局调整，让访客有更好的用户体验，避免在同一家公司出现两次浏览体验。

3.响应迅速的网站减少了网站维护时间。响应式网站可以在后台输入一条数据，同时更新PC、平板、手机，大大降低了网站维护人员的时间成本，也方便了维护人员统一分析网站数据。

4.响应性网站为客户节省了建立网站的成本。为了让更多的消费者(访问者)尽可能的了解我们的产品，我们需要完成所有潜在的设备，PC网站，平板网站，手机网站，这将是一个很大的成本，而响应式网站可以实现一个网站的多终端使用，相当于花一个钱做三个网站，所以可以节省很大一部分客户的成本，相当经济。