发表于： 2017-04-10 17:19:15
3 608
今天完成的事情：
1、任务3修改两次后通过。
2、巩固photoshop切图。
3、深入学习flex布局。
明天计划的事情：
1、完成任务4。
2、巩固flex布局。
遇到的问题：
主要是任务的问题。
第一次问题：行间距太密，底部没有留白，分辨率减小到一定范围右边图标会被挤下去。解决办法：行间距用text-align属性，底部加了margin-bottom属性，图标从原来的float改为margin-left:0;和margin-right:0;
第二次问题：分辨率减小到一定范围两个图标会重合，图标下方的字没有对齐。解决办法：发现左边图标切图切大了。。所以字没办法对齐。今天又看了flex布局后直接用flex试着做了，少了很多条代码。之前margin属性用在很多div上，用浏览器检查时发现有些可以直接合并，也删减了一些。
收获：
布局方面，有很多小细节要注意。多用谷歌浏览器F12键检查。
返回列表
评论