大连做网站
首页 > 常见问题 > 网站响应式布局和自适应的区别有哪些

网站响应式布局和自适应的区别有哪些

2018-11-22

  什么是响应式布局?

  响应式网页布局设计就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。打个比方来说:现在社会有很多响应

  产品,例如折叠沙发,折叠床等等,当我们需要把沙发放到一个角落的时候,此刻沙发就好比div吧,而角落里的某个地方就好比父元素,

  由于父元素空间的改变,我们不得不调整div,让它能够依然放在角落里。在项目中你会遇到不同的终端,由于终端分辨率不同,所以你要

  想让用户体验更好,就必要让你的页面能够兼容多个终端。

  什么是自适应布局?

  自适应网页布局设计指网页能够在不同大小的终端设备上自行适应显示。简单来说:就是让一个网站在不同大小的设备上呈现显示同

  一样的页面,让同一个页面适应不同大小屏幕,根据屏幕的大小,自动缩放。 总的来说响应式与自适应的原理是相似的,都是检测设备

  ,根据不同的设备采用不同的css,而且css都是采用的百分比的,而不是固定的宽度,不同点是响应式网站在不同的设备上看上去是不一

  样的,会随着设备的改变而改变模板样式、模块排版、展示样式。

  而自适应不会,所有的设备看起来都是一样的网站,不过是长度或者图片变小了,不会根据设备采用不同的展示样式。

  哪种技术更优越?

  归根结底,重要的是要考虑你用户属于哪类群体,不管你采用哪种设计方式,一旦你知道他们的习惯,知道他们更倾向于用什么设

  备访问该网站,你在设计你的网站时该采用哪种方式,哪种布局,想法自然会涌现出来。