响应式布局什么意思，什么是响应式布局

创新互联建站长期为上千家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为昌江企业提供专业的成都网站制作、做网站，昌江网站改版等技术服务。拥有十载丰富建站经验和众多成功案例,为您定制开发。

本文目录一览

• 1，什么是响应式布局
• 2，什么是响应式布局设计
• 3，响应式布局是怎么回事 只能用html5跟css3写代码吗 能用html跟css写吗
• 4，响应式和自适应布局的区别
• 5，什么是响应式网页布局

1，什么是响应式布局

响应式布局：就是做一个网站同时能兼容多个终端，由一个网站转变成多个网站，为我们大大节省了资源。那么响应式布局的优点有1.面对不同分辨率设备灵活性强2.能够快捷解决多设备显示适应问题

响应式布局是ethan marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。

编写的网页页面能够适应硬件设备不同的宽高尺寸,在不同的硬件设备上正常显示，这就是响应式布局。以上为传智播客讲师解答。

2，什么是响应式布局设计

简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。也就是说，不管你是pc端还是移动端（包括手机和平板等小分辨率的），他都能够根据你的不同的分辨率做出调整，即响应，完整的很好的把效果显示出来。优点是面对不同分辨率设备灵活性强；能够快捷解决多设备显示适应问题。如果你在PC端调试会发现，他会随着你窗口的分辨率的变化而变化。目前比较常用的框架是bootstrap。。。

响应式布局就是网页会根据上网设备的屏幕大小而自我调整网页的布局。听着跟木有解释一样，我举个例子：你以全屏访问亚马逊网站，然后在慢慢缩小浏览器会发现有一些东西（专业点说是dom元素）不见了，这就是响应式设计的一种。目的就是更好的用户体验。但是响应式设计不是设置，不是说开发者点点鼠标就能完成的。从设计开始就要考虑电脑，手机等不同终端的访问，其底层是大量的css，js代码在控制着网页。然而亲目前连响应式设计的概念都不清楚，还是先从基本的html，css，js学起，等羽翼丰满之时再去设计响应式页面。

3，响应式布局是怎么回事 只能用html5跟css3写代码吗 能用html跟css写吗

响应式布局就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验，而且随着目前大屏幕移动设备的普及，用“大势所趋”来形容也不为过。响应式布局主要运用的是CSS3中的media query特性，在移动浏览器及现代高级浏览器中都有较好的支持，对于老版本的浏览器，使用HTML4.0+CSS2.1无法满足需求。响应式布局是一种全新的概念，低版本浏览器不能原生支持。

响应式布局就是根据浏览器显示区域大小不同显示不同的样式，比如说你的浏览器是电脑1366*768就显示宽屏布局（如左右布局），如果是手机宽480px，就显示适用于手机的布局（如上下布局）。响应式布局和一般是使用css3的@media属性，设置当浏览器宽度不同时就调用不同的css。以前，一般都是使用js来判断浏览器是手机端还是pc端，是手机端的话就用手机端的css或整个页面跳转到专门的手机网站，是PC端就使用PC端css。但是现在移动端更丰富了，手机屏幕大小不一，还有pad等介于中间的屏幕大小，所以就有了响应式布局这个更适用于移动互联网的概念产生。

响应式布局就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验，而且随着目前大屏幕移动设备的普及，用“大势所趋”来形容也不为过

4，响应式和自适应布局的区别

一：自适应的目的是在不同分辨率的不同设备上面显示相同的页面。手机的屏幕比较小，宽度通常在600像素以下，pc的像素一般在1000像素以上，部分配置高的笔记本在2000像素以上的也有，同样的页面要显示在不同的设备上面，还要呈现出满意的效果，不是一件容易的事情。因此就有人想出了一个办法，能不能"一次设计，普遍适用"，让同一张网页自动适应不同大小的屏幕，根据屏幕的宽度，自动调节网页的内容大小，但是无论怎么样子，他们的主体的内容和布局是没有变化的。例如：http://m.duba.com/http://m.ctrip.com/html5/二：响应式的概念应该是覆盖了自适应，但是包括的东西更多了。响应式布局可以根据屏幕的大小自动的调整页面的展现方式，以及布局。响应式布局的一些技术点纪录：(1)允许网页的宽度自动的调整(2)尽量少使用绝对的宽度，多点百分比(3)相对大小的字体:字体不要使用px写死，最好使用相对大小的em，或者高清方案rem，这个不限制与字体，别的属性也可以这么设置(4)流式布局，float等float的好处是，如果宽度太小，放不下两个元素，后面的元素会自动滚动到前面元素的下方，不会在水平方向overflow（溢出），避免了水平滚动条的出现。(5)选择加载css，，这个意思是如果屏幕宽度小于400像素（max-device-width: 400px），就加载tinyScreen.css文件。

5，什么是响应式网页布局

“响应式布局”已经成为现今网站建设方案中的热门术语，随着HTML5技术的发展，它将很快从一种趋势变为常规。但目前，很多客户，甚至互联网从业者，并没有完全认识响应式布局的本质，他们经常被以下误区所迷惑：误区一：只要是“PC端+移动端”的网站就是响应式布局首先，我们要明确一点，采用响应式布局的网站，无论在哪个终端，都是同一个网站，且都通过同一个域名来打开和显示网站内容。它会根据终端屏幕的尺寸，智能调整排版布局，以达到最佳浏览效果。事实上，很多网站是通过在PC端和移动端搭建两个不同的网站，并为它们分别绑定两个域名，然后，通过对终端设备的判断，来决定打开哪一个网站更为合适。类似于这种建站方式，我们称之为“伪响应式”，因为它本质两个不同的网站而已。显然，伪响应式的技术含量很低，自然建站成本也低。但它对后期网站的维护和扩展也会产生一定的副作用，因为你需要维护两个甚至的网站。不过这并不是不可接受的，在建站预算有限的情况下，这也不失为一个折中的选择。当然，如果采用响应式布局，不仅可以使网站变得更加轻量，而且，不同终端上统一的设计风格，会给浏览者增添的信任感。误区二：响应式布局网站，就是移动端的网站我们早在《响应式布局的设计思路》一文中就提到过，不能一味地认为响应式布局就是专门为移动建站而设计的。的确，响应式布局是在移动互联网诞生之后才出现的，最初的目的也是为了让网站版面对移动端可以表现的更为友好。但事实上，响应式布局是针对网站的一种制作方案，并不是针对专门的某个终端而设计的。它可以让网站适应任何一个终端，而不是在每个终端上去开发不同的网站。所以，你可以不必纠结某个响应式网站到底是PC站，还是移动站，只要它能够响应各种终端，为访客带来最好的用户体验，就足够了。当然，你也可以根据用户群的不同，为PC设计一套响应式网站，再为手机设计一套响应式网站，让两个网站都可以完美响应各种终端设备。误区三：响应式布局就是做2套网站布局很多人认为响应式网站就是做一套PC端的布局版式，再做一套移动端的布局版式，有2套布局就算响应式了。实际上这只是最初级的响应式布局，它甚至还不能很好地响应不同终端。如果我们要做的更为精细，或许要考虑PC端多种尺寸的屏幕，比如19寸、23寸，或者更大一些的屏幕，是不是要做一些布局微调，或设计出不同的布局方案。移动端也是一样，我们可以为Pad、手机、iWatch、gGlass等设备，设计不同的布局。甚至还可以考虑横屏和竖屏不同的显示方案。当然，这么做成本会大很多，但也说明响应式并不仅仅局限于2套网站的布局。

分为四种类型：固定布局、可切换的固定布局、弹性布局、混合布局。具体的要看你布局设计什么了回答不容易,希望能帮到您,满意请帮忙采纳一下，谢谢 !

响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验，而且随着目前大屏幕移动设备的普及，用“大势所趋”来形容也不为过。随着越来越多的设计师采用这个技术，我们不仅看到很多的创新，还看到了一些成形的模式。