发表于: 2016-02-04 02:15:25

2 1369


今天完成的事情:

1、对position的relative 与absolute重新学习理解,并在task3任务实践;

2、布局知识点中float以及display,重新过了一遍w3c知识点,在任务中实践;

3、px  em rem之间概念以及在自适应的使用,结合昨天的文档,加深理解,在师兄日报拔出一篇文档,深刻理解,贴出http://www.cnblogs.com/leejersey/p/3662612.html

4、在原来task3代码基础上,重新修改,重点放在对布局的自适应以及字体边距更换rem上;通过F12显示基本满意;

明天计划的事情: 继续完成task3;上传代码


遇到的问题:

1、css文件中

body{

margin: 0 auto;

font:'Microsoft YaHei', sans-serif;

font-size: 62.5%;

height: 100%;

}

通过F12看发现字体不认可

疑惑中,不知道哪里错误;

2、在对div进行样式设置时,

<div class="header">

      <div class="header_return" alt="back">

      <img src="task3_1.png">

          <div>返回</div>

      </div>

      <div class="header_title" alt="title">魔镜</div>

      <div class="header_more" alt="more">

      <img src="task3_2.png">

      </div>

      </div>

     </div>

,内层header_title文字竖排,通过F12盒子模型反复检查,发现是最外层header的盒子太窄,忘记对width进行设置



收获:

1、通过对昨天自适应与响应式文档理解,在任务中使用%设置width以及宽度,rem设置字体以及位置,通过F12不同终端设备显示是满屏,等task3修改完后,再在自己手机试验下;

2、进度放慢了,以前学习时遇到自适应的问题,感觉迷茫的很啊,现在看还算有所进展,感觉很开心;


明天公司开始放假,晚上赶飞机,争取明天白天抽时间继续完成。







返回列表 返回列表
评论

    分享到