今天完成的事情：

       1、今天主要优化了魔镜，运用浮动布局。对魔镜的操控还需要时间进行调试。梳理了一下，在进行布局的时候，如果两个都是浮动块，我们要要清除前面浮动那个浮动，这时我们可以把心放在后面的浮动块上，它会自动换行。把之前学过的css单位放进去后，可以自适应的产生变化。      

      2、百度查看了Viewport的概念，它的作用是创造一个虚拟窗口，而且这个虚拟窗口的分辨率接近于桌面显示器。通常这个虚拟的"窗口"比屏幕宽，这样就不用把每个网页挤到很小的窗口中，用户可以通过平移和缩放来看网页的不同部分。  设置Viewport： width：控制 viewport 的大小，可以指定的一个值，如 600，或者特殊的值，如 device-width 为设备的宽度（单位为缩放为 100% 时的 CSS 的像素）。 height：和 width 相对应，指定高度。 initial-scale：初始缩放比例，也即是当页面第一次 load 的时候缩放比例。 maximum-scale：允许用户缩放到的最大比例。 minimum-scale：允许用户缩放到的最小比 例。 user-scalable：用户是否可以手动缩放。 

      今天遇到的困难：1、调试图片、字体自适应时大小不一，可能是没有调好。 

      明天的计划：1、分析魔镜整个代码和布局的用处 ，看那些代码还需要继续优化

收获：今天主要调试代码，查看了解了一些相关信息，明天继续加油，发掘出一些有用的知识。