发表于： 2016-02-17 22:06:31
1 2015
- 今天完成的事情：花一点时间写了这个九宫格的效果，学到的新东西的话，应该是nginx的配置吧。因为之前想要调用本地的JSON文件，Chrome不让，所以靠nginx来调试。还有就是手机端的适配。
- 明天计划的事情：开始任务2的研究，嗯。应该就是一个环境配置吧。
- 遇到的问题：因为九宫格没有给具体的数据，所以就大约自己设了一下宽高。根据语义化，我觉得应该用无序列表来表示，为了能够使<li>同行显示，所以把display设置为inline-block。而如果把各个标 签分行写的话，由于inline-block的默认效果，左右会有一定的距离，所以解决方案是把<li>写在同一行。但还有一个问题是，由于要分行显示，所以上下会有一定的距离，想不出解决方案，就只能设置左右的margin值来让上下左右的间距看上去差不多。至于兼容问题，IE8好像不兼容border-radius，经过查询，发现大家主要的解决方案都是引入一个外部的js脚本来解决。
- 收获：做个小东西还是蛮好玩的。学会了nginx的配置很有帮助。
返回列表
评论