响应式布局和自适应布局的区别

什么是响应式布局？

响应式布局就是针对不同宽度的设备进行布局和样式的设置，从而适应不同设备的目的，换句话说，也就是一个网站能够兼容多个终端

什么是自适应式布局？

自适应式布局其实也就是说需要开发多套界面来适应不同的终端

响应式布局和自适应布局的区别

• 自适应布局通过检测视口分辨率来判断当前的设备是：PC 、平板、手机，从而请求服务层，返回不同的页面，
• 响应式布局通过检测视口分辨率，针对不同客户端展示不同的布局和内容
• 自适应开发需要开发多套界面，而响应式布局只需要开发一套界面就可以了
• 自适应对页面做的屏幕适配是在一定范围：比如 PC 端一般要大于 1024 px，手机端一般要小于 768px，而响应式布局是一套页面全部适应
• 自适应布局如果屏幕太小会发生内容过于拥挤，而响应式布局就是为了解决这个问题而衍生出的概念，它可以自动识别屏幕宽度并做出相应调整的网页设计
• 总之，响应式布局还是要比自适应布局要好一些，但是自适应布局更加贴切实际，因为你只需要考虑集中状态就可以了而不是像响应式布局需要考虑非常多状态，所以说无论哪种设计都有他们的优缺点，我们要根据项目的需求来选择适合的布局方式