发表于: 2016-11-09 23:58:02

2 1801


今天完成的事情:

         1. 完成了Task2部分页面的制作,之前没用过框架写页面,今天尝试用了bootstrap来写,移动端布局特别要注意box的类型要是border-box(这点bootstrap已经做了)并且设置overflow: hidden可以防止一些不定因素打乱布局;宽度用百分比来写,一些固定宽度的地方等大的布局写完了在调试,单位的话最好选rem,rem是根据根元素html的font-size来确定的;如果页面不是要做成匹配很多设备的话也可用px,使用了bootstrap的栅格系统来进行布局,

找到一个子级是自适应宽高的时候居中布局的办法给父级设置position: relative;子级设置position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);使用绝对布局不影响其他的元素很实用.

明天计划的事情:

     2. 目标完成Task2;继续学习bootstrap得用法,搞明白test2的业务逻辑.


遇到的问题:

           1.  看了一些师兄的日志,也下载了游戏来玩,可是还是不太明该怎么用js来实现.


           2. 用bootstrap的时候有些迷糊我该用组件还是自己写,发现组件直接拿过来也要改样式,该怎么选择,找了一本bootstrap的书看,希望看了能更了解它.

   

收获:

        1.  学习并使用了bootstrap的栅格系统;移动端布局的基本注意事项.

        2.  学习了js的几种排序方法;但还没能明白怎么使用在任务上面.



返回列表 返回列表
评论

    分享到