今天完成的事情

        1.理解PX EM REM，弄清其中的对应关系，更改自己的单位代码，给 html 添加font-size: 62.5%，方便PX转换为相对单位EM REM。

        2.查找CSS师兄任务3的方法，理解他们怎么去处理任务3，理解其中的思路，其中看到将页面纵向分为topbar&container两个部分, 其中topbar包含着后退按钮，container包含title、content、contact三个部分. 接着通过在PS界面上画参考线方法，简单获得页面各部分比例，并以此为依据完善CSS。

        先尝试对刚才写的Demo应用屏幕改变的效果

• 425px&768px的效果图与现在对比

  • 后退按键与title变化不大
  • container的左右margin过小
  • contacts的顶部margin过小

• 修改

  • 将container左右margin改为百分比
  • 将context和contacts中间改为margin和padding的组合
  • 结果：基本完成与设计图的重合

        感觉与自己的思路有很大差别，收获也很大。

明天的事情

        修改自己的代码。

遇到的困难

        感觉自己目前的方法是死路，图标与下面的图标文字，一起切图导入，葡萄藤LOGO与文字也切图导入，导致形成的又是另一张UI图。

收获

        通过今天的学习，感觉自我学习热情变少，本来学习前端的时间就少，在学习中不认真解决难题，遇到难题就休息一下才去思考。