响应式是未来的普遍趋势，之前开发一个网站，必须要适应 pc ipad web。为了满足一次编程，全部适应，则提出了响应式。
响应式原理：
几个属性：
1.viewport属性：<meta name="viewport" content="width=device-width,inital-scale=1" >
2.不适用绝对宽度的元素一般用百分比，使用过程中
<body>
<div class="container"></div>
</body>
3.字体相对大小：1 rem = 16px
html{
font-size:62.5% ;// 16*62.5% =10px
}
4.媒体查询
<link media="screen and (max-width:40px )" href="tinyScreen">
5.图片的自适应
