发表于: 2017-03-09 01:10:02
1 742
继续。。。感觉进度有点慢
今天完成的事情:使用十个<div>来制作九宫格,并设置每个格子的width和height相同的值,用绝对单位px,将float都设置为left,并计算margin的值,将margin-top和margin-left的值设为一致,另外两个设为零。
学习chrome开发者工具,大致认识了element、network、sources、timeline、Profiles、Resources、Audits、Console等八大工具的作用。
使用chrome开发工具调试页面,不断查资料修改单位,布局。
学习viewport,知道了viewport是用在移动前端中的视口,并对他的属性width、initial-scale等以及属性值进行了解。
明天计划的事情:继续调试代码,使效果呈现自适应。
加入viewport代码,使它能够使用在移动端。
大致完成代码编写并测试。
遇到的问题:在编写div的css代码时,对单位的使用以及对自适应学习的不够深,导致在缩放时格子跑一行去了。 ---明天继续学习修改。
使用chrome开发工具还不熟悉,还要多加使用。
收获:做出了九宫格,尽管问题还很多;第一次学习了chrome开发工具,还有firebug之类的工具都很强大;第一次了解了viewport在移动视口中的作用。
PS:日报的任务选错了,提交之后貌似改不了了,应该是 <任务一> 只能在这里说明下了。
评论