发表于: 2017-03-29 22:30:12
1 540
今日完成的任务:
1.对任务8-1做了一些细节上得修改
2,在禅道上拆分了任务八到十,做了一些了解
3.完成了任务8-2的部分页面设计,并对后面要做的任务做了一些学习
4.了解了自适应和响应式的相同和不同之处
自适应和响应式都用技术来使网页适应从小到大(现在到超大)的不同分辨率的屏幕,响应式一般通过 HTML 和 CSS 就能完成,一般来说,响应式倾向于只改变元素的外观布局,而不大幅度改变内容。
而自适应一般除去响应式的技术之外还要使用 Javascript 来操作 HTML 来更适应移动设备的能力,为不同类别的设备建立不同的网页,检测到设备分辨率大小后调用相应的网页。
明日计划完成的任务:
完成8-2,完成8-3的大部分框架,继续 拆分禅道
遇到的问题:今天又遇到了4个col-sm-6形成11-01-10的三层布局,并不是想象中的11-11两层,检查了一下各个栅格的宽度高度也是一致的,跟昨天高度不一致导致的问题并不一样,用f12检查了一下,发现雪碧图设置里面有一个宽度比其他的大2px,把雪碧图宽度改了以后恢复了正常
导航栏,鼠标滑过整个导航栏高度会产生变化,会有震荡想象,经过检查发现是因为设置了一个3px的底部边框,当鼠标划过会让导航栏高度产生变化,改变了一下导航栏元素的位置,使其刚好贴住底部
收获:学会了如何使用禅道,如何分辨自适应和响应式,对于日常中一些错误的处理更加得心应手
评论