自适应和响应式的区别?
响应式包含自适应,响应式的布局可以根据屏幕的大小自动调整页面的展示方式
响应式解决自适应布局问题,响应式可以自动识别识别屏幕宽度,并作出响应调整,布局和展示的内容可能会有所变动
自适应有一个非常大的缺点:如果尺寸太小,即使网页能够根据屏幕大小进行适配,也会感觉在小屏幕上查看,内容过于拥挤
具体解释自适应和响应式
自适应:
定义:又称为宽度百分比或者六十布局
优点:能在不同的设备上呈现相同的页面
缺点:在不同的的设备上呈现相同的页面,对页面进行压缩
响应式:
定义:根据不同的设备希纳是不同的页面
优点:不同分辨率下设备灵活性好,它比自适应好,自适应的话只是宽度自适应;多终端视觉和用户操作体验好;响应式web设计中的大部分技术都可以用在webapp开发中,可以在移动设备,也可以用在pc端
缺点:兼容各种设备工作量大,效率低下,代码累赘,会出现隐藏无用的元素,加载时间加长