响应式网页设计知多少

响应式设计，也可以理解为自适应网页布局，国内最近两年比较流行的建站模式，通俗易懂一点的理解是：就是一个网页页面，在手机、平板、电脑可以呈现不同的风格，在PC端就是一个电脑版网站，在手机上面浏览就变成了一个手机网站。

高端响应式网页设计更多是使用html5的一些技术，早在2010年国外就开始流行，进入国内理所当然要慢一个节奏，它最大的优势就是现在由于移动互联网的流行，避开APP的市场不谈，更多的用户喜欢用手机搜索引擎如手机百度、手机360来搜索，一旦访问您的网站还是呈现电脑版风格得话，访问体验将是极其糟糕的，并且打开速度也会很慢，因为手机浏览器的内核以及带宽在国内而言还不算顶尖水平。

由国外twitter公司开发的Bootstrap框架给了响应式（自适应）一个比较精确的定义：你的网站和应用可以通过同一份代码快速、有效适配手机、平板、PC设备。

假定我们已经通过响应式技术开发出一个网站的首页，它仅仅只是一份代码，在电脑版呈现如下的效果：

而同样就是这个页面，用平板电脑打开，会呈现如下的风格：

而此时您再用手机打开，就会变成一个高大上的手机网站，如下图：

而一再强调，开发者们没有去专门为适应手机用户单独去开发一个手机网站或者适应平板用户再开发一个平板电脑网站，所以这其中最大的优势就是可以为网站主们减少开发成本，节约开发时间，管理维护也更加方便，亦无须为手机网站专门来进行网站数据的同步。

响应式主要是前端的开发技术，与后端的联系和一般的网站没有多大的区别，当然响应式（自适应）还有很多高深的技术有待开发人员继续去挖掘，它目前还没有完全融入国内的建站市场，不是说技术方面不够成熟，而是还有很大一部分企业主或者网站主还没有完全认识到这一新的建站方案，这和我们国内大多数用户对互联网的认识有一定的关系。

响应式技术存在哪些局限性？

1、对浏览器的版本要求更加高端，国内至今仍然还有少量用户使用IE6浏览器，这让我们不得不反省中国互联网突飞猛进的同时仍然存在的落后，而响应式设计出来的网站最低需要IE9浏览器才能更好的支持，其它主流浏览器如谷歌浏览器、火狐浏览器、360浏览器、搜狗浏览器的新版本都可以无缝支持响应式网站。

2、一份代码，会使页面的代码显得过于臃肿，因为要适配不同的设备，所以前端开发人员需要将栅格代码写在一起，虽然相比单独制作一个手机网站工作量要小许多，但将代码揉在一堆，就有点臃肿，对偶尔的调整及维护相对不太方便，所以通过响应式来建网站个人的意见是一些小网站如企业网站会更适合一点。

3、带宽问题，如果是独立的服务器，且配置较高，则中小型企业网站通过该技术做出来的网站影响不大，因为通过手机访问的其实还是PC端网站，只不过是适配了，但正如上文提到的国内的带宽问题以及手机浏览器内核问题，所以对加载速度方面不如单独的手机网站。