响应式与自适应的原理是相似的，都是检测设备，根据不同的设备采用不同的css，而且css都是采用的百分比的，而不是固定的宽度不同点是响应式的模板 在不同的设备上看上去是不一样的，会随着设备的改变而改变展示样式而自适应不会，所有的设备看起来都是一套的模板，不过是长度或者图片变小了，不。

1自适应 自适应布局是网页内容根据设备的不同而进行适应通过检测视口分辨率，来判断当前访问的设备是PC端平板还是手机，从而请求服务层，返回不同的页面需要根据不同使用场景开发多套界面2响应式 响应式布局是网页的布局针对屏幕大小的尺寸而进行响应通过检测视口分辨率，针对不同客户端在客户。

二响应式的概念应该是覆盖了自适应，但是包括的东西更多了响应式布局可以根据屏幕的大小自动的调整页面的展现方式，以及布局响应式布局的一些技术点纪录1允许网页的宽度自动的调整 2尽量少使用绝对的宽度，多点百分比 3相对大小的字体字体不要使用px写死。

这些设备出现增加了屏幕尺寸的跨度但是上面讨论的几种网页布局就是不支持屏幕尺寸跨度过大的情况 相比之下，自适应布局和响应式布局更能解决屏幕跨度过大的问题 适应性布局 自适应布局为不同尺寸的屏幕准备多种方案，根据不同的屏幕尺寸确定一套显示方案具体到每个方案，可以使用上述基本的网页布局进行适配可以。

总结自适应布局侧重于定制，而响应式布局追求灵活性理解这两者的区别，结合实际设计需求，将帮助你创造出适应性强用户体验优良的网站。

后来想着经常听到流式布局，自适应布局，响应式布局，他们有什么区别呢，就去搜了许多内容查看，才发现每种布局都有优缺点和不同使用场景静态布局 给页面元素设置固定的宽度和高度，单位用px，当窗口缩小，会出现滚动条，拉动滚动条显示被遮挡内容针对不同分辨率的手机端，分别写不同的样式文件自。