发表于： 2018-04-24 23:19:14
1 464
今天完成的事情：做任务7页面2，还没有完成。
今天的收获：
1、
从psd图裁剪做出来的雪碧图放到HTML里面太大，使用transform：scale 进行缩放的时候图片会失真，现在的解决办法是从psd图导出的时候就设置好图片的大小，再制作雪碧图。
从psd图裁剪做出来的雪碧图放到HTML里面太大，使用transform：scale 进行缩放的时候图片会失真，现在的解决办法是从psd图导出的时候就设置好图片的大小，再制作雪碧图。2、
小图标所在的ul设置为display:none ， 后，四个图标不能并排，解决办法是设置hover的时候用display:flex，就OK了。
小图标所在的ul设置为display:none ， 后，四个图标不能并排，解决办法是设置hover的时候用display:flex，就OK了。3、用这种方法来做正方形的话，高度为零，这时候’水民’用flex来垂直居中对齐的话不能实现。解决办法可以用margin-top来实现字体居中的需求。
width: 25%;
- height: 0;
- padding-bottom: 25%;
4、正方形自适应设置%宽度，用flex布局，设置wrap当超过父元素的宽度时自动换行。
明天的计划：完成任务7！
遇到的问题：页面2的正方形布局还没有完成，还在继续写。
不是日报水·是今天就学了这些东西~~
返回列表
评论