发表于: 2017-03-07 22:05:03
1 707
今天完成的事情:把任务1没审核通过的几点改正(圆角设置,居中,滚动条设置)
明天计划的事情:如果审核通过,学习任务2
遇到的问题:
1、用border-radius设置圆角,但发现两边不太对称。解决方法:发现是有一边设置了边框的原因
2、居中不能实现。解决方法:浮动的影响
3、如果屏幕变窄,第三个格子就会挤下去。解决方法:因为要自适应,所以宽度设置的百分比,而九宫格的空隙用了具体的像素值,固定的像素值占的百分比会随屏幕越窄而越大,所以当屏幕窄到一定程度,就被挤下去,所以空隙设置也要用百分比设置。
收获:
1、调试过程中,熟悉了用谷歌浏览器的开发工具调试,学会自己解决问题
2、进一步理解了自适应的几个设置
评论