发表于： 2019-06-07 22:27:55
1 802
今天完成的事情：今天做完任务8的第一张图。学到了在border-box中，只有元素自身高度的情况下，添加边框border会使元素向上偏移，偏移的范围就是边框的宽度。 解决方法是给这个元素设置一个高度，以及设置border-box。然后再在元素的高度内设置padding，让元素与边框border分开，达到想要的效果。
另外任务中，有一部分是一整套图片，之前我做的和师兄们做的效果不太一样。然后试着用背景图来做，效果比用img图片等比例缩放要好一点，以及设置完背景图后，需要在700分辨率下一排分成2个，在300分辨率下变成一排堆叠。 这时又巩固了下media的媒体查询。 一排分2份就flex:50% , max-width:50%。
明天计划的事情：做另外两张图。
遇到的问题：导航栏加边框文字会移动的问题，经大佬指点才解决。
收获：学到border-box会遇到的问题，巩固媒体查询和背景图的知识。
返回列表
评论