修行的第20天

今天完成的事情：task10-task12的主体自适应，pad基本没问题，iphone部分我通过调整宽度，使横向显示变为竖直显示，不知道算不算响应，当然如果需要等比例缩小也是能做到，最后，也是收获中提到的，如果采用float和position，IE能够有保留的支持，但是用了box后，就没办法兼容了，目前正在寻找解决办法。

明天计划的事情：继续完善task10-task12，如果差不多了，就回头改下task7-task9，这部分现在看来已经太粗糙。

遇到的问题：

1.让文字左右对齐，我觉得在这方面text-align:left并没有text-align：justify好用，当然，这种感觉是在task的基础上，前者为左对齐的方式，后者为两端对齐的方式，看你的需要吧。

2.js部分有点困惑，因为学过c，逻辑部分是理解的，但是到从选择或者定义合适的id便于读取状态上一头雾水，还得练练。

3.task7-task9偷懒了，有些特效没加，在task10-task12上基本加上了，后面补过。

4.下午继续解决兼容性问题，要是有好的方法再继续写。

收获：

1.图片的精确定位：

2.利用盒布局解决使用float属性和position属性时底部多栏不能对齐的缺点：这是在没有设置height的情况下发生的，task7-task9中，因为任务所给的信息图内容相同，所以对于这部分的自适应很容易忽略，但是实际上，例如task7中的优秀学员信息如果没有规定高度，介绍栏高度会随介绍内容的多少变化，从而造成左右介绍栏高度不对齐，这部分的关键是需要考虑兼容性的问题,至少我发现我的win10自带的IE浏览器不兼容box