1、响应式布局最简单的就是用css3来实现我举一个最简单的例子下面是html代码lt！DOCTYPE html lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot ltmeta name =quotviewportquot content=quotwidth = devicewidth，initialscale=1quot lttitleindex01lttitle ltlink href=quotstyle01cssquot type=quottex。

2、其实，响应式布局是在移动互联网诞生之后才出现的，最初的目的也是为了让网站版面对移动端可以表现得更为友好但事实上，响应式布局是一种针对网站的制作方案，并不是针对专门的某个终端而设计的它可以让网站适应任何一个终端，而不是在每个终端上去开发不同的网站所以，你不必纠结某个响应式网站到。

3、5和响应式页面到底是有什么关系 5是的一个#39新版本#39，响应式布局是一种能适应不同解析度的布局方式 而且要写响应式布局，最简单的一个例子就是用Media Query！ 不知道我说明白了没有~~ 还有是构建网页的基本元素 5是4的更新标准5新增了一些标签以及这些标签对应的css和js介面 bootstrap。

4、小飞认为即使是再有经验的Web前端开发人员也应该好好研究一下响应式框架，它能给我们提供一些借鉴意义和很多便利，在今天这个快速发展的时代，设计师动手写框架做网站合理安排栅格布局mediaqueries实在太耗时了另外，在使用响应式框架时设计师也可以充分发挥自己的创造力，定制化一些特征，做出有新意的。

5、1 Twitter BootStrap Apache v20响应式时髦直观并且强大的前端框架，让Web开发变得更加容易2 Foundation MIT响应式最先进的响应式前端框架3 960gsGPLMIT响应式960gs提供了一个简单的网格系统，适合快速开发4 SkeletonMIT响应式非常漂亮的Web模板，适合响应式。

6、1 Bootstrap Bootstrap是一个流行的前端开发框架，它支持HTML5和CSS3，并提供了丰富的JavaScript插件Bootstrap提供了响应式布局，可以适应不同大小的屏幕和设备，包括桌面平板和手机等此外，Bootstrap拥有丰富的组件库，可以快速构建现代化的用户界面2 Foundation Foundation是另一个受欢迎的前端。

7、响应式布局布局结构样式媒体javascript响应式 第三方插件插件管理 jQueryzepto使用原理以及插件开发 支持amdcmd全局变量的模块化封装 fnmethod = function mvcmvvm框架原理设计，vueangularavalon等 directive设计htmltextclasshtmlattrrepeatref，可扩展 filter设计。

8、1Aliceui Aliceui是支付宝的样式解决方案，是一套精选的基于 spm 生态圈的样式模块集合，是 Arale 的子集，也是一套模块化的样式命名和组织规范，是写 CSS 的更好方式2Amazeui Amaze UI 是一个轻量级 Mobile first 的前端框架， 基于开源社区流行前端框架编写的3sui SUI是一套基于bootstrap。

9、1 Twitter Bootstrap Bootstrap 是一种广受欢迎的 HTML5 前端框架，它为 Web 开发提供了时尚直观且功能强大的工具该框架包含了构建响应式网站所需的组件，如基于 12 列的网格系统自定义 jQuery 插件和表单控件等2 HTML5 Boilerplate HTML5 Boilerplate 旨在帮助开发者快速构建高效适应性。

10、如何用一简单的CSS制作响应式HTML网页建议展开阅读 新人如果想快速开发出响应式网站建议使用响应式框架Bootstrap，Foundation等等三个部分Viewport网格渗则扮视图媒体查询1先在head里面设置Viewport meta？name=quotviewportquot？content=quotwidth=devicewidth，？initialscale=10quot用户可以通过平移和缩放。

11、Layers CSS是轻量级的CSS框架，它不强调任何设计但是可以用来处理主要结构它拥有流动网格和一些简单的类，以支持响应式布局12 52Framework 52Framework是一款旨在提供用简单方法通过HTML5和CSS3构建响应式网页，同时支持所有现代浏览器的HTML5框架它里面有多种超棒的组件，如HTML5视频播放器，圆角。

12、响应式网站设计ResponsiveWebdesign的理念是集中创建页面的图片排版大小，可以智能地根据用户行为以及使用的设备环境系统平台屏幕尺寸屏幕定向等进行相对应的布局 如果你需要做一个响应式网站可以去大腕互联看看，他们的响站是五网合一网站建设的，方便管理，快捷创建。

13、响应式布局，称为Responsive Web Design它是将已有的开发技巧弹性网格布局弹性图片媒体和媒体查询整合起来，针对任意设备对网页内容进行“完美”布局的一种显示机制简言之，是一个网站能够兼容多个终端手机Pad电脑的布局方法，而不需要为每个终端书写一套特定版本的代码资料来源。

14、WereTech主题WereTech是3列蓝色和红色配色的响应的HTML5 WordPress模板主题演示及下载 Onward主题Onward算是一个完美的一个摄影博客，适合以及任何形式展示的视觉创意工作主题演示及下载 Customizr主题一个免费的响应式设计的HTML5+CSS3WordPress主题，使用Twitter Bootstrap框架搭建，易于定制主题演示及下载。

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