今天完成的事情：

1.昨天晚上和师兄聊了下关于psd图还原过程中块元素各部分直接的距离问题如何确定，师兄给我说的用量orz！然后今天在ps里用标尺工具一个一个真的在量，然后计算各部分百分比。最后根据这个距离百分比做出来的页面，感觉还是和psd图有一些出入。

2.昨天提到的单行居中多行左对齐问题，通过师兄留言，直接对div盒子进行居中处理完成问题。

3.通过配置nginx，实现手机通过wifi访问本地服务器

4.在慕课网上以及搜索引擎查询了一下padding与margin的关系，完善了代码。基本将任务三做了出来。

明天计划的事情：

1.了解在不同设备上的字体匹配问题

2.开始着手准备任务四

3.对前面的内容进行温习，并在网上另寻资料学习扩充

4.对媒体查询在不同设备上px问题进行了解

5.查询代码命名相关规范问题，始终感觉我的命令有点问题

遇到的问题：

Q：CSS样式里通过分别在html与body中设置font-size:62.5%，页面显示的字体大小有区别

A：暂未解决，不知道为什么不一样

Q：psd图中的字体大小如何确定？

A：暂时我的解决方法是目测= =尴尬

Q：通过媒体查询，对不同设备进行字体大小匹配时，如何确定相对于父元素的大小？

A：没找到好的方法，我是一次一次的用比例试了，然后通过设备查看是否合适。

Q：当两行两个盒子模型在一个父盒子里，不在同一条竖向直线上时（同时一个在左，一个在右没有任何交集，就相当于任务中的back与logo图片）这时候第二行的盒子对上方的padding是相对于父盒子还是第一行？

A：我在做的时候按照之前量出来的百分比距离不太对，然后后续又通过目测进行修改的。不知道哪里出了问题。代码贴上，望师兄指点。

收获：

1.对媒体查询css代码格式了解并运用

2.发现好像父盒子设置背景色后，通过撑开页面背景色只能用padding，不知道是不是这样

3.em与rem的区别，一个相对于父元素，一个相对于根元素

效果图如下：

windows phone

iPhone

iPad