发表于： 2018-05-22 21:48:11
3 512
今天完成的事情：
1.一天24小时真是太少了，今天完成了任务5，了解了一下flex布局，很神奇的东西。
明天计划的事情：
1.完成任务6
2.详细了解flex布局，并将新的写入日报
遇到的问题：
1.利用ps切片，由于有些图片图层有很多，想要获取其中一个图层带有透明度的切片，就必须隐藏掉其他图层，操作极其麻烦，而且由于图像是智能图像，手动右键导出的是ai文件无法使用。
--> 只能一个一个隐藏背景然后切片。
2.任务中给的psd文件比效果图要大一倍，插入图片可以控制缩放其大小（zoom：%；）但是如果是背景图片该怎么解决缩放问题。
-->利用background-size：contain；可以很好的将背景图片自动缩放到盒子大小
3.如图所示，父盒子没有固定高度，左边子盒子也没有固定高度，右边盒子高度被内容撑开，如何使子盒子的内容居中对齐。并且右边盒子不被挤到左盒子下面
-->给父盒子display：flex;align-items:center;完美解决上述问题，其中左边盒子收到挤压时会换行，可以使用white-space: nowrap;来强制不换行
收获：
1.见识到弹性盒子模型的强大。
2.“calc” 可以使css的功能更加强大，calc(% - 值)几乎可以计算出想要的任何盒子大小，优化布局
返回列表
评论