发表于： 2017-03-05 20:12:07
2 709
这个Task我做的跟效果展示里的差不多，如果不考虑宽度超过效果展示里的情况，这个Task算是完成了。有这么几个问题：
1.通过观察效果展示，我发现这个东西高度是固定的，所以上下不产生明显变化，这样对于上下的margin需要给出px单位，而不是百分比。
2.图片的显示大小是小于其本身大小的，之前没注意，导致做的页面里的内容比效果展示的大太多，切图方面倒没什么难度。
3.费了不少时间的是最下面两个图标，效果展示里面，这两个图标之间的距离并不是固定百分比，而且两个图标要分别跟上面文字的左右端相互对应。这里用到了浮动，最开始直接都给的float: left；发现效果不理想，可能是用left习惯了，都忘了right这个东西，分别给他们设置左浮跟右浮，再分别给一个相同值的margin-left跟margin-right，顺利解决。
4.这个Task主要是细节方面的处理要多费点时间，其他的倒也没什么。
返回列表
评论