发表于: 2019-06-01 23:02:04
1 744
今天完成的事
1修改任务三
昨天的任务三出了很多问题,先是落下了一个log,经过师兄提醒后补上了,然后手机字体部分因为没加高度导致盒子随着字体的变化而变化
解决方法给盒子加个高度就行了
然后我看了师兄的代码发现我底部log的代码写的太繁琐了,而且导致分辨率增大之后底部的文字与log不能对齐。
我借鉴了师兄的写法,效果好多了。
代码改完之后
2,写任务5
任务5用到了增加背景图片的属性,我又复习了一下,插入背景图片的属性为background-image:url,用background-position:属性来控制背景图片的上下左右的移动,用background-size:属性控制背景图片的大小,用width和height控制显示背景图片的区域。最重要的一点,要加上background-repeat:no-repeat;不然图片会铺的全屏都是,以下是代码。
3,修改任务4
首先任务4有个错误,要求头部3个文本删除任意一个都不影响,我之前写的删除中间登录文本头部就没了,
后来看了师兄的代码,参考了师兄的写法改过来了
任务4的手机号应该只能输入数字,密码部分应该是不能显示的之前没注意,百度了相关代码加上了
明天计划的事
修改任务5,作任务六
遇到的问题
在做完头部的时候遇到了一个问题,头像把固定定位部分给压住了,
百度之后找到了问题,定位有一个属性z-index,数值大的压住数值小的,加个这个属性就ok了
然后是自我介绍部分,分辨率一缩小到一定程度字就下到下一行了
但是320分辨率倒是没事这个明天问问师兄。
最后一个麻烦是底部的固定定位开始我是把父元素给固定定位了结果把底层自我介绍给覆盖了。
然后我把留言和电话联系的两个盒子固定定位结果
最后想了半天我把留言和电话联系这俩盒子和父盒子之间又加一个盒子设置成固定定位,问题解决了。
收获
对固定定位理解的更加深刻了
评论