哪些网站是用响应式做的（响应式的优缺点浅谈问题）

响应式网站并不只有优点，这些缺点你都了解多少？

许多企业选择制作网站的模式首选便是响应式网站，原因很简单可以自动适应不同的“访问终端”，节省了一部分的成本。什么是响应式网站呢？简单来说就是不管使用电脑、手机还是iPad，网站会根据这些访问设备的不同进行自动的更换页面样式布局。

总的来说响应式网站制作的优点主要就在于这些内容：

1．不同的访问设备下有不同的页面排版，这是响应式网站制作最大的优点。

2．开发维护和运营上，相对独立的手机网站或者其他版本的网站成本低很多。

3．设备兼容性较好，能在不同的设备下浏览。

4．页面维护比较方便，只需对重要页面进行修改接口。

5．数据的分析更简单，因为电脑端与手机端这些共用链接，就不需要对每个网站进行分析。

然而响应式网站也并不是十全十美的，也有不足的地方：

1、就用户体验度差强人意。

设计响应式网站的目的在于，自动识别屏幕尺寸并做出相应样式调整，而页面布局和展示的内容可能会因为屏幕尺寸的变化而变化，并且如果有些尺寸没有进行设计，有很大的概率造成网站样式崩塌，从而影响部分用户的体验感。

2、响应式网站代码精简问题。

无用代码是会对优化产生一定影响的，此外如果网站设计成响应式，所有设备都将会访问同一份代码，这就非常不利于网站关键词的优化，因为搜索引擎是区分电脑端跟手机端的。

3、响应式网站的移动端会消耗更多的流量。

响应式网站的制作需要考虑不同分辨率下的显示效果，对代码量的要求相对的就会高很多，代码量增多了还有所有尺寸的图片加载等这些会消耗更多的流量，也更容易出现网站加载很久了，但是不出现内容的现象。

4、响应式网站对浏览器兼容性不好。

响应式网站对IE8及以下版本的浏览器兼容性很差，无法兼容的后果就是网站的样式出现页面“塌陷”的现象，以及无法调用一些JS容易导致关键的数据无法显示等等。

注：注意看是对浏览器的兼容性差，与优点中的设备兼容并不冲突。

5、响应式网站缺乏灵活性。

很多的功能网站不适合用来做响应式，比如电子商务类型的网站，在电脑上看到的内容是全部，做成响应式这些内容肯定也是不能少的，但是这必然会导致移动端网站的界面过长，甚至会导致上面所提到的问题同时出现！

响应式的优缺点浅谈

如今越来越多的网站纷纷采用了响应式网站设计，这样的好处是，传统的pc网站也能在手机下友好访问，不至于将超过1半的手机用户置之门外，这样是很不妥的。

响应式这三个字，想必对程序员来说都不陌生，响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，切图网最早提供响应式web前端外包服务，简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。

（图一）

（图二）

图一与图二都是用的同样的布局，却可以在不同的设备上有不同排版，这就是响应式最大的优点，在分辨率不同，设备环境进行一些不同的设计，所有开发维护和运营上，相对多个版本成本会降低很多。

其二，兼容性好，跨平台，移动设备尺寸参差不齐，版本定制通常只适用于固定规格的设备，但不适用分辨率变化较大的设备。

第三，方便改动，响应式设计是针对页面的，可以只对必要的页面进行改动，其他页面不受影响。

在我看来，虽然响应式优点颇多，但也不是没有缺点，简单列举以下几点：

1.页面加载的代码多了，导致文件增大，影响加载速度；

2.在响应式设计中，图片、视频等资源一般是统一加载的，这就导致在低分辨率的机子上，实际加载了大于它的显示要求的图片或视频，导致不必要的流量浪费，影响加载速度；

3.局限性，对于响应式，局限性较大，不适合一些大型的门户网或者电商网站，一般门户网或电商网站一个界面内容较多，而响应式最忌讳较多内容，代码过多会影响运行速度。

总结来说，事物都是利弊结合，响应式只适用某些网站，不可一概而论，各种移动设备的发展导致每种移动设备都希望拥有适合自己设备的网页。但是Web设计和开发根本无法追赶设备与分辨率的更新，如果不能满足各种设备下用户的使用，就会流失掉用户群，响应式设计的出现有效地解决了这个问题。

转载请注明来自专注SEO技术,教程,推广 - 8848SEO，本文标题：《哪些网站是用响应式做的（响应式的优缺点浅谈问题）》

标签：网站响应式