1、有不少人在建设网站时总是会对自适应布局和响应式布局搞混淆掉，也不知道这两种网站布局有什么一样，其实这两种布局区别还是蛮大，你要认真了解清楚之后，在选择合适布局方式为了让大家更了解这两种布局内容，下面就为大家；也就是一半colsm6 代表在平板上也显示div占当前行的一半colxs12 代表在手机端显示为当前行的百分之百填充3还有其他方式，如JQuery和专门做响应式的JS文件，比如nicebox均能实现自适应效果，实现响应式布局；误区二响应式布局网站，就是移动端的网站我们早在响应式布局的设计思路一文中就提到过，不能一味地认为响应式布局就是专门为移动建站而设计的的确，响应式布局是在移动互联网诞生之后才出现的，最初的目的也是为了；响应式图片技术思想不仅要同比的缩放图片，还要在小设备上降低图片自身的分辨率这个技术的实现需要使用几个相关文件，我们可以Github上获取包括一个JavaScript文件rwdimagesjs，一个htaccess文件，以及一些范例资源文件；响应式需要一个父级作为布局容器，来配合子级元素来实现变化效果 原理就是在不同屏幕下，通过媒体查询来改变这个布局容器的大小， 再改变里面子元素的排列方式和大小，从而实现不同屏幕下，看到不同的页面布局和样式变化；响应式布局设计，是指将桌面设备上的网页内容在移动设备上进行优化排版，使用户能够在移动设备上更方便地阅读并操作其实，如果经常使用不同的设备浏览互联网网页，就会比较容易体会响应式布局设计在移动设备上的应用页面的。
2、实现原理代码thead floatleft tbody displayblockwidthautooverfloauto二响应式内容1响应式图片带宽是手机终端的硬伤，如果我们只是页面布局做了响应式处理，在我们用手机访问时，请求的图片还是PC上的大图文件体积；1灵活性不同静态布局毫无灵活性可言，目前已逐渐被淘汰自适应布局静态布局的升级版，因其强大的灵活性，已逐渐成为高端网页的代名词流式布局灵活性更高，可适用于其他三种网站布局响应式布局自适应布局的；rem布局 它是一个长度单位，这个长度单位是根据‘根元素’的字体大小的单位确定的根元素字体大小 = 1rem 响应式布局 它是在页面宽度改变时，整个页面或者页面中的局部随着页面的缩放进行响应并实时变化 响应式布；响应式网页设计就是一个网站能够兼容多个终端而不是为每个终端做一个特定的版本这样，我们就可以不必为不断到来的新设备做专门的版本设计和开发了目前国软科技公司自主研发了同步的响应式网站设计响应式布局就是网页。
3、响应式布局，称为Responsive Web Design它是将已有的开发技巧弹性网格布局弹性图片媒体和媒体查询整合起来，针对任意设备对网页内容进行“完美”布局的一种显示机制简言之，是一个网站能够兼容多个终端手机Pad；因此我们就可以直接作如下设置 pwidth5vw vw缺点就是兼容性没有rem好 rem是弹性布局的一种实现方式，强调的是等比例缩放，弹性布局是响应式的一种响应式布局强调的是不同屏幕要有不同的显示例如我有行照。
4、响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端而不是为每个终端做一个特定的版本这个概念是为解决移动互联网浏览而诞生的响应式布局可以为不同终端的用户提供更加；例如 二响应式的概念应该是覆盖了自适应，但是包括的东西更多了响应式布局可以根据屏幕的大小自动的调整页面的展现方式，以及布局响应式布局的一些技术点纪录；响应式布局，是一个网站能够兼容多个终端而不是为每个终端做一个特定的版本优点1用户体验友好 响应式网站可以根据不同终端不同尺寸和不同应用环境，自动调整界面布局展示内容内容大小，提供非常好视觉展示效果；响应式布局就是网页会根据上网设备的屏幕大小而自我调整网页的布局听着跟木有解释一样，我举个例子你以全屏访问亚马逊网站，然后在慢慢缩小浏览器会发现有一些东西专业点说是DOM元素不见了，这就是响应式设计的一种。
