发表于: 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来实现字体居中的需求。
          width25%;
  1. height0;
  2. padding-bottom25%;

4、正方形自适应设置%宽度,用flex布局,设置wrap当超过父元素的宽度时自动换行。 


明天的计划:完成任务7!


遇到的问题:页面2的正方形布局还没有完成,还在继续写。   


不是日报水·是今天就学了这些东西~~


返回列表 返回列表
评论

    分享到