互联网在发展，网站建设也在发展。几年前，构建响应式网站对我们来说还是一项非常先进的技术，但现在已经非常成熟了。解释什么是响应式网站，以及响应式网站的优点和缺点。

什么是响应式网站

响应式网站是利用各种计算机技术来设计首页的网站，同一个网站可以在不同的终端上使用。企业网站一旦采用响应式网站建设模式，就不需要网站设计者根据不同的终端和分辨率设备开发不同版本的网站。这类网站的重点在于页面设计的布局。专注于页面图片的布局，能够适应不同用户在不同设备环境下的使用而不影响阅读效果。

响应式网站的优点

1、节省网站建设成本

很多人认为制作响应式网站需要很长时间，会增加成本，但其实这是错误的。响应式网站只需要设计一套PC端设计图即可。对于移动端和平板上的显示，前端人员可以调整CSS样式。制作独立的移动终端需要两套设计图纸，这增加了网页设计的成本。一般来说，对于企业网站来说，工时主要花在网页设计上。虽然响应式设计在网站建设过程中增加了一些前端人员的绘图时间，但是这个时间的增加相对于设计来说还是比较小的。

2. URL始终同步一致。

当响应式网站设计适应移动端时，虽然调整了网页布局，但URL不会改变，这对于SEO来说是一个非常大的优势。在百度雄鹿推出移动端之前，其实并没有单独的移动端排名算法，甚至连收录都没有。 PC网站收录/排名后，移动端的收录和排名继承PC网站按照适配规则。但在继承过程中，搜索引擎会根据移动端浏览体验进行微调。

3、内容一致，形象更加统一，用户体验好。

众所周知，响应式网站在适配移动端时，CSS样式进行了调整，整体内容与PC端基本一致，比如颜色、各页面部分的内容等，这提供了更好的体验。常客的用户体验，无论是在PC端还是移动端，操作和浏览体验都是一致的。用户体验是SEO非常重要的一部分，占据主导地位。

响应式网站的缺点

1、自由度太低，局限性大。需要考虑页面元素在**、pad、PC这三个屏幕上的呈现，这会导致非常大的限制。例如，在PC上，我有一个水平滑动的横幅图表，但在**和pad上，是不需要的。因此只能用单张图片或者一组静态图片来表达。

2、页面会比较大，在目前国内2G、3G**下打开速度会比较慢。由于响应式页面同时下载多套CSS样式代码，因此有可能在网上下载PC/pad的冗余代码，这实际上是没有意义的，而且浪费流量资源。

3、对非webkit内核的浏览器的支持*差（IE6、7、8等直接惨了）。对于非webkit核心的浏览器，比如Windows Phone**上使用的IE浏览器来说，完全就是悲剧，完全看不到。但幸运的是，目前的IOS和Android都是webkit内核，至少可以在80%的平台上提供良好的呈现。

响应式网站的优点和缺点是什么？一定要注意

哪些网站适合响应式设计

1、移动App开发者的公司网站和个人App网页；

2、想要充分利用互联网的初创公司的网站；

3、外贸企业网站；

4、新的电子商务网站；

5、面向消费者和大众市场的品牌企业网站；

6、新兴网络媒体和网络社区网站；

7、传统媒体向移动互联网数字化转型的网站改版；

8、任何不想放弃移动互联网用户的企业和个人网站。