在如今的智能设备时代，有人用电脑、有人用笔记本、有人用平板、有人用手机，还有人用电视上网；就算是同一个人，有时候也是上班用电脑、下班用手机；或者，各种不同手机，屏幕大小也不一样。

那么，问题来了

要怎么才能把一个网站的页面适配到怎么多的终端上呢？

这时候，响应式网站就派上用场了，响应式网站最大的好处是一个网站可以自适应多个终端，也就是区别于传统网站，能自动识别设备屏幕大小，根据屏幕分辨率做出自动调整清晰展示页面的网站。同一个网站，不管你是在电脑端，还是在手机或者Ipad端，它都可以提供相同的用户浏览体验。

什么是响应式网站呢？

€响应式的概念是美国的伊桑·马科特在2010年首次提出了响应式网页设计(RWD, Responsive Web Design)的概念。简而言之是指网页能够根据屏幕宽度自动适应，以达到适配各种屏幕。目的是为了在Pc端和移动设备提供更好的体验，并且整合从PC端到手机的各种屏幕尺寸和分辨率，用技术来使网页适应不同分辨率的屏幕。所以也叫做自适应网站。

响应式网站的优点

1.用户体验好，适应所有终端，可以根据不同宽度浏览器查看。

2.维护成本低，只需要维护一个网站就行；

3.分享方便，内容链接地址一致；

4.视觉统一，网站风格、导航、菜单基本一致，没有陌生感，容易使用；

5.兼容未知分辨率设备

6.可以嵌套进APP

响应式网站的缺点

€1、代码过于臃肿，导致网站打开速度慢，尤其是手机网站。

€2、图片按需加载，不能移动端调取一个大图片。

€3、兼容性，IE8以下不考虑兼容。

是不是所有网站都适合响应式？

答案是否定的，如各大门户网站，基本都没有用响应式，因为这类网站的内容特别多，不适合响应式，而是做一个单独的手机版页面。企业品牌官网、商城、旅游官网等内容不是特别复杂的情况下最适合使用响应式。

响应式网站设计要注意什么？

应该以移动端优先为原则，采用流式设计布局，让网站元素分块排列，当用不同终端时，根据需要组合显示各个版块。在现在移动智能化的今天，用PC端查看的用户也远远低于移动端。

总之，响应式网站帮你实现了一站多用的想法，无论从时间、成本、效果还是其他方面考虑，它都是未来企业网站的首选。