发表于： 2019-08-05 23:47:06
2 802
今天完成的事情：之前7月12号完成任务二后忙别的事，等到8月3号才重新回来做任务。补这两天的日报，完成了任务3+4
明天计划的事情：明天晚上下班后先了解任务5的要求，并查阅相关文章
遇到的问题：
任务3
1.一开始图片的尺寸把握不好，后面直接按最小屏幕来布局，确保图片不会太大。
2.葡萄藤的介绍文字居中后一直占满整个宽度，只能再套一个div，限制住它的宽度。
3.整个容器的高度一开始没设置，导致其高度为0，背景色出不来。后面给了100vh，暂时可以了。不过按师兄的建议，直接给body背景色就可以不用考虑容器的高度。
4.定位元素无法用flex盒子进行居中，暂时用text-align: center进行水平居中。
任务4
1.定位元素的垂直居中，将文字的行高与父元素的高保持一致。
2.定位元素的水平居中，先右移父元素长度的一半，再左移自身长度的一半。
3.去除选中后的蓝色边框，input和button都适用：outline:medium;
收获：
1.知道了几种常用尺寸的关系，rem更适合响应式布局。但貌似实际项目中更常用px？
2.对水平居中和垂直居中的了解更深入，也知道了几种常用的方法，等后面再总结一下
返回列表
评论