今天是第21天

完成的事情：task11 task12的自适应

明天计划的事情：task7-task12所遇到的一些问题的总结及自己的处理方式

遇到的问题：又被自适应中的高度搞蒙了，一直都是用padding和margin的方式撑起来起到自适应的作用，在实际应用中是不是每部分真的需要这样？如果有些高度我直接用rem设定会不会满足自适应，明天用这种方式task12确定一下

收获：

1.应当尝试用多种方式来实现现有效果，通过比较来确定好坏的，而不是用某种方式能实现就不再改变，而且也要分析实际情况，没有一种方式是万能的，就像盒布局，自适应盒布局加上flaot，position的布局方式，他们都各有优点。

2.下面这部分是一直知道却没真正搞懂的，诸如这样没有真正重视的，全部都不能放过

px：绝对单位，页面按精确像素展示

em：相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身来计算（浏览器默认字体是16px），整个页面内1em不是一个固定的值。

rem：相对单位，可理解为”root em”, 相对根节点html的字体大小来计算，CSS3新加属性，chrome/firefox/IE9+支持。

vw：viewpoint width，视窗宽度，1vw等于视窗宽度的1%。vh：viewpoint height，视窗高度，1vh等于视窗高度的1%。vmin：vw和vh中较小的那个。

vmax：vw和vh中较大的那个。

vw, vh, vmin, vmax：IE9+局部支持，chrome/firefox/safari/opera支持，ios safari 8+支持，android browser4.4+支持，chrome for android39支持