任务进展：

      1：使用flex布局完成了页面布局，调试效果还存在两个细节问题有待解决。

      2：深度思考：

                  1：像素px是相对于屏幕分辨率而言的，IE无法调整使用px作为单位的字体大小。em是相对于当前对象内文本的字体尺寸，可以设置且会继承父元素的字体大小。rem相对的是html根元素的字体大小，使用rem只需修改根元素便可以成比例地调整所有字体大小。%一般用于网页自适应设备分辨率而布局不变。vw，vh是基于窗口宽度/高度相对于窗口大小，使用%开发响应式网页时，字体大小并不会随浏览器窗口而改变，vw，vh可以解决这一问题。

                  2：移动端fixed问题：使用IOS设备访问时，软键盘唤起后，页面fixed元素失效，当页面滚动时，失效的fixed元素会一起滚动。解决方法是使滚动的元素与fixed元素不为同一父元素的子元素，若之后元素滚动不流畅，则设置-webkit-overflow-scrolling: touch;恢复弹性滚动，android设备解决思路类似，最好避免在fixed中使用input和textarea元素。

遇到问题：

       页面布局我采用的是flex，存在两个问题：

              1：PS切的图像尺寸过大，影响布局效果，若将flex中的图像强制设置大小，则图像不能垂直居中，变成顶端对齐。除了使用PS调整图像外，是否有其他方式解决。

              2：怎样做到使div内对齐的各元素间距固定，并可以随页面宽度变化。

明日计划：

      解决任务5存在的问题，完成后用手机访问，看看是否会有fixed问题。