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

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

1.响应式的概念覆盖了自适应，但响应式包含的东西更多，响应式的布局可以根据屏幕的大小自动调整页面的展示方式

2.自适应有一个致命缺点：如果屏幕尺寸太小，即使网页能够根据屏幕大小进行适配，也会感觉在小屏幕上查看，内容过于拥挤

3.响应式解决了自适应布局的问题，响应式能自动识别屏幕宽度，并做出响应调整，布局和展示的内容可能会有所变动

 

自适应：

1.定义：又称为宽度百分比或者流式布局

2.优点：能在不同的设备上呈现相同的页面

3.缺点：在不同的设备上呈现相同的页面，对页面进行压缩

 

响应式：

1.定义：根据不同的设备显示出不同的页面

2.优点：不同分辨率下设备灵活性好，它比自适应好，自适应的话只是宽度自适应；多终端视觉和用户操作体验好；响应式web设计中的大部分技术都可以用在webapp开发中，可以用在移动端设备，也可以用在pc端

3.缺点：兼容各种设备工作量大，效率低下，代码累赘，会出现隐藏无用的元素，加载时间加长