1、响应式布局指的是针对不同的设备屏幕尺寸和分辨率，页面会自动适应并调整布局字体大小图片大小等，使得用户在不同设备上访问网站时都能获得最佳的浏览体验三只松鼠网页采用了流式布局和弹性盒子布局，通过CSS3媒体查询技术；响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端而不是为每个终端做一个特定的版本这个概念是为解决移动互联网浏览而诞生的响应式布局可以为不同终端的用户提供更加；响应式布局是指同一页面在不同屏幕尺寸下有不同的布局传统的开发方式是PC端开发一套，手机端再开发一套，而使用响应式布局只要开发一套就够，缺点就是CSS比较重 响应式设计的基本原理是通过媒体查询检测不同的设备屏幕；禁止响应式布局有以下步骤1去掉这个CSS文档中提到的设置浏览器视口的标签2属性设置宽度值来重写框架的默认宽度设置容器类，比如宽度970px重要确保所有这些设置都放在默认的引导CSS文件后面注意，如果放在媒体。

2、而上面讨论的几种网页布局恰恰是不支持屏幕尺寸跨度太大的情况的 相比之下，自适应布局和响应式布局更能解决屏幕跨度过大的问题 自适应布局 自适应布局为不同尺寸的屏幕准备多套方案，根据不同的屏幕尺寸确定一套显示方案具体到；响应式的网页就是能够只能地根据用户行为以及使用的设备环境进行相应的布局我们通过响应式网站模板搭建站点，一般需要响应下面几个尺寸超小屏幕手机，小于768px小屏幕平板，大于等于768px中等屏幕桌面显示器；即元素位置和大小都会变2设计方法媒体查询+流式布局通常使用@media媒体查询和网格系统GridSystem配合相对布局单位进行布局，实际上就是综合响应式流动等上述技术通过CSS给单一网页不同设备返回不同样式的技术统称；就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的 设备的划分情况响应式需要一个父级作为布局容器，来配合子级元素来实现变化效果 原理就是在不同屏幕下，通过媒体查询来改变这个；1灵活性不同静态布局毫无灵活性可言，目前已逐渐被淘汰自适应布局静态布局的升级版，因其强大的灵活性，已逐渐成为高端网页的代名词流式布局灵活性更高，可适用于其他三种网站布局响应式布局自适应布局的。

3、可切换的固定布局弹性布局混合布局都是目前可被采用的响应式布局方式其中可切换的固定布局的实现成本最低，但拓展性比较差而弹性布局与混合布局效果具响应性，都是比较理想的响应式布局实现方式只是对于不同类型的页。

4、响应式网站是用目前最新的网页制作技术5来做的，他可以根据使用者所用客户端来自动识别是pc端还是移动端，从而给出最合适的显示方式只要你会5，就可以做响应式布局 如果不用5语言写，那就用普通的4来写，宽高用；移动端自适应是指网页在不同大小的设备上都能够正常显示实现移动端自适应的方法有很多，其中一种方法是使用响应式布局响应式布局是指根据不同的设备屏幕大小，动态地调整网页的布局和内容，使得网页在不同设备上都能够正常；这很多人对于响应式布局网站建设不太了解，其实这种网站就是以创建页面的图片排版大小，来根据浏览网站用户所使用设备，自动化适应这些设备不管是出于网站兼容性还是用户需求，它都能够带来意想不到用户体验效果，现在响应式网站。

5、响应式布局就是根据浏览器显示区域大小不同显示不同的样式，比如说你的浏览器是电脑1366*768就显示宽屏布局如左右布局，如果是手机宽480px，就显示适用于手机的布局如上下布局；有了概念，一定要谈谈实现的方法类似于响应式建筑，Web页面也有对应关键因素可弯曲伸缩扩展的墙体结构可扩展的布局运动传感器MediaQuery气候控制系统栅格艺术装置css等等以上给了我写文章的脉络。

6、响应式布局就是网页会根据上网设备的屏幕大小而自我调整网页的布局听着跟木有解释一样，我举个例子你以全屏访问亚马逊网站，然后在慢慢缩小浏览器会发现有一些东西专业点说是DOM元素不见了，这就是响应式设计的一种。