响应式布局（Version 1.0）

基于名称的描述中阐述了响应式布局的概念：它是依据名称所隐含的意义而发展出来的一种技术手段，并且以适应各种终端设备的需求为基础进行设计与实现。为了帮助理解与掌握这一概念，在此提供一个简明扼要的例子进行说明：例如，在移动端界面设计中如何优化页面加载速度等关键环节的具体操作步骤。

实现响应式布局的几种方式 ：媒体查询、JS、流体布局、弹性布局…

常用的meta标签

    <meta content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=0;"name="viewport" />

注：确保文档在任何设备上的显示比例精确设置为1:1，并且同时规定文档的最大允许横向扩展比例设定为1.0；同时禁止用户通过手动缩放功能对文档进行放大查看。

    <meta content="yes" name="apple-mobile-web-app-capable" />

注：iphone设备中的safari私有meta标签，它表示：允许全屏模式浏览；

     <meta content="black" name="apple-mobile-web-app-status-bar-style" />

注：iphon