概念响应式网页设计最初是EthanMarcotte提出的一个概念：为什么要针对每个用户群体制定一套设计开发方案？网页设计应该根据不同的设备环境自动响应和调整。当然，响应式网页设计不仅仅是屏幕分辨率适配、图片自动缩放等，它更像是一种全新的设计思维模式；我们应该向后兼容并优先移动。背景PC互联网向移动终端迁移加速：2012年12月底我国网民规模达5.64亿，互联网普及率为42.1%，手机网民占网民总数的74.5%用户。预计到2015年，移动互联网的数据流量将超过PC端的流量。移动端入口：当用户想通过手机完成对PC页面的操作时，商家操作微博是很常见的。时代文案足以吸引用户点击链接参与活动。如果活动页面没有响应：页面体积大，请求太多，体验差，兼容性差，层层阻碍最终导致用户放弃参与。优点开发成本低，门槛低NativeAPP：Objective-C或Java–学习成本高HybridAPP：Shell+WebAPP，需要安装。响应式WebAPP：HTML5+JS+CSS——入门门槛低，简单易用，跨平台跨终端快速迭代，无需分配子域虽然可以通过监听用户UA判断用户终端然后跳转，它仍然分配多个域，而响应式不需要监视用户UA并且没有域切换。只需要根据终端类型适配不同的功能模块和呈现方式即可。跨平台、跨终端，1页适配多终端。PC–http://qzone.com移动端–http://m.qzone.com响应式：PC&Mobile–http://qzone.com无需跳转到本地存储WebApp可以利用本地存储的特性来制作importantandrepetitive数据存储在本地，避免页面重复刷新，减少传输过程中重要信息的泄露，以及修改内容的增量传输。无安装成本，轻松迭代更新设计应该以移动端为主，PC是移动端的延伸；一个页面需要兼容不同的终端，所以有两个关键点我们需要做响应式：在人像和风景中，我们如何才能使一种设计适用于所有情况？那么我们的布局应该是弹性网格布局，可以灵活适配不同的尺寸，比如下面页面中各个模块在不同尺寸下的位置：响应式布局那我们怎么做呢？元标记定义使用视口元标记控制移动浏览器上的布局
