发表于: 2018-04-24 23:19:14
1 463
今天完成的事情:做任务7页面2,还没有完成。
今天的收获:
1、
从psd图裁剪做出来的雪碧图放到HTML里面太大,使用transform:scale 进行缩放的时候图片会失真,现在的解决办法是从psd图导出的时候就设置好图片的大小,再制作雪碧图。
2、

小图标所在的ul设置为display:none , 后,四个图标不能并排,解决办法是设置hover的时候用display:flex,就OK了。
3、用这种方法来做正方形的话,高度为零,这时候’水民’用flex来垂直居中对齐的话不能实现。解决办法可以用margin-top来实现字体居中的需求。
width: 25%;
- height: 0;
- padding-bottom: 25%;
4、正方形自适应设置%宽度,用flex布局,设置wrap当超过父元素的宽度时自动换行。
明天的计划:完成任务7!
遇到的问题:页面2的正方形布局还没有完成,还在继续写。
不是日报水·是今天就学了这些东西~~
评论