【响应式和自适应的区别】

自适应和响应式的区别？

响应式包含自适应，响应式的布局可以根据屏幕的大小自动调整页面的展示方式
响应式解决自适应布局问题，响应式可以自动识别识别屏幕宽度，并作出响应调整，布局和展示的内容可能会有所变动
自适应有一个非常大的缺点：如果尺寸太小，即使网页能够根据屏幕大小进行适配，也会感觉在小屏幕上查看，内容过于拥挤

具体解释自适应和响应式

自适应：

定义：又称为宽度百分比或者六十布局
优点：能在不同的设备上呈现相同的页面
缺点：在不同的的设备上呈现相同的页面，对页面进行压缩

响应式：

定义：根据不同的设备希纳是不同的页面
优点：不同分辨率下设备灵活性好，它比自适应好，自适应的话只是宽度自适应；多终端视觉和用户操作体验好；响应式web设计中的大部分技术都可以用在webapp开发中，可以在移动设备，也可以用在pc端
缺点：兼容各种设备工作量大，效率低下，代码累赘，会出现隐藏无用的元素，加载时间加长