发表于: 2017-03-07 22:05:03

1 709


今天完成的事情:把任务1没审核通过的几点改正(圆角设置,居中,滚动条设置)

明天计划的事情:如果审核通过,学习任务2

遇到的问题:

1、用border-radius设置圆角,但发现两边不太对称。解决方法:发现是有一边设置了边框的原因

2、居中不能实现。解决方法:浮动的影响

3、如果屏幕变窄,第三个格子就会挤下去。解决方法:因为要自适应,所以宽度设置的百分比,而九宫格的空隙用了具体的像素值,固定的像素值占的百分比会随屏幕越窄而越大,所以当屏幕窄到一定程度,就被挤下去,所以空隙设置也要用百分比设置。

收获:

1、调试过程中,熟悉了用谷歌浏览器的开发工具调试,学会自己解决问题

2、进一步理解了自适应的几个设置


返回列表 返回列表
评论

    分享到