前段时间因为浏览器缓存还是什么问题，Safari浏览器死活登陆不上，在加上追赶进度，task任务中断了好长时间；在这期间过完了JavaScript/jQuery等知识；因为追求快速把前端知识过一遍，也导致很多内容都是囫囵吞枣，并且缺少实践和练习；task-3初看很简单，就是一个网页的简单布局，但是包含了基础的网页自适应；自适应的话需要引入viewport和rem等概念，尴尬的是，我在任务中直接把所有div放在body中，竟然也意外的实现了自适应！！！

另外，在footer中，因为两个子div设置了浮动的原因，所以margin-top等会产生问题，常用的解决办法是：

1、设置父元素的border值，但是在这个案例中明显不适合

2、设置一个空div做间隔

3、设置父元素的清除浮动

这里，我用了第三种方法，clear：both；

好了，下面问题来了，这种直接把其他布局放在body中的做法明显“非法”；但是如果我设置一个父容器container，宽度我可以设置width：100%；

高度的问题怎么解决？？？在任务一中，由于都是九宫格，高度问题用padding-top来解决了，勉强实现了自适应，同样没有引入

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

也没有em/rem;所以，这个最简单的自适应源码究竟是怎样弄的？？？我观察了其他部分师兄师弟的代码，并且调试了他们的部分代码，感觉很多写的相当冗余，就这么一个最简单的网页，竟然一堆代码，测试中，很多代码明显没有起到应有的作用！但还是这样做了，所以，恳请师兄分享一个任务3的标准参考代码！！！

最后，用PS切图时，在选择保存的时候一定要注意保存仅选择的切图，否则会把全部切图都保存，这点需要特别注意！！！