Question

响应式网站布局和自适应网站布局区别在哪？

Answer 1

有不少人在建设网站时总是会对自适应布局和响应式布局搞混淆掉，也不知道这两种网站布局有什么一样，其实这两种布局区别还是蛮大，你要认真了解清楚之后，在选择合适布局方式。为了让大家更了解这两种布局内容，下面就为大家介绍下。

1、检测口分辨率的不同

自适应布局通过检测视口分辨率，就能够判断出来访问网站用户使用设备是：平板、电脑、手机等等，然后请求服务处将其返回到不同页面。而响应式布局在检测玩视口分辨率之后，能够针对不同用户端，在用户端进行代码处理，这就使得不同用户端所看到网站布局和内容是不一样。

2、网站所需要开发界面

要是你采取了自适应布局，为了满足所有市场用户，需要根据不同用户端开发多套网页界面，这是非常浪费时间和金钱。而响应式布局能够自己适配，用户端界面因此开发一个界面就够了，省时间和金钱。

3、网站的页面大小

自适应网站布局为了适配手机端和电脑端，因此网站页面大小是有一定范围性，比如说手机端网页大小需要小于768像素，pc端网页要大于1024像素。而响应式布局就没有这么麻烦，一套网页就能够全部解决。

4、网站页面显示有问题

自适应布局网页大小是会被固定住，比如说手机端网站页面大小是640X1200，那他只能够按照等比例缩放大小，这就会造成一个问题，当用户浏览网页的设备屏幕太小，会造成内容过于拥挤。而响应式布局能够解决掉该问题，他能够识别不同用户设备屏幕大小，然后做出相应调整的网页设计。

简单来说就是响应式网站布局要比自适应布局好很多，不过在实际网站建设过程中，你会发现自适应比响应式会更符合企业建站需求，这是因为响应式布局你需要考虑很多状态，那网站建设策划就要花费很长时间。自适应往往就考虑几种状态，不需要长期考虑网站建设大小问题。

响应式网站