发表于: 2016-02-04 02:15:25
2 1379
今天完成的事情:
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、进度放慢了,以前学习时遇到自适应的问题,感觉迷茫的很啊,现在看还算有所进展,感觉很开心;
明天公司开始放假,晚上赶飞机,争取明天白天抽时间继续完成。
评论