什么是响应式：响应式网页设计最初是由Ethan Marcotte提出的一个概念：
为什么一定要为每个用户群各自打造一套设计和开发方案：Web设计应该做到根据不同的设备环境自
动响应及调整。当然响应式Web设计不仅仅是关于屏幕分辨率自适应以及自动缩放的图片等等，他更
像是一种对于设计的全新思维模式：我们应当向下兼容、移动优先。
meta标签定义
通过快捷方式打开时全屏显示
<meta name="apple-mobile-web-app-capable" content="yes">
隐藏状态栏
<meta name="apple-mobile-web-app-status-bar-style" content="blank"/>
iphone会将看起来像是电话号码的数字添加成电话链接，应当关闭
<meta name="ofrmat-detection" content="telephone=no"/>
rem
rem是通过根元素进行适配的
rem的兼容性
以屏幕640为标准ren算法
rem特点：
1. rem为元素设定字体大小的时候，是相对于根元素进行计算的。
2. 当我们改变根元素下的字体大小时，下面的大小都会改变。
3. 通过rem既可以做到只修改根元素就可以成比例的调整所有字体，又可以避免字体大小逐层复合的连锁反应。
rem和em的区别
1. rem是相对于根元素进行计算，而em是相对于当前元素或父元素的字体大小。
2. rem不仅可以设置字体的大小，还支持元素宽、高等属性。
3. em是相对于当前元素或父元素进行换算，层级越深，换算越复杂。而rem是相对于根元素计算，避免层级关系。
