发表于: 2019-12-05 21:54:27

1 888


今天总算把任务八的全部bug都修改好了,总共花了三天,时间比较长,但是一次比一次好。


下午首先修改的就是下面这个里面的图片拉伸问题,之前那个小火箭比其他两个图片高出不少,我又给了这三张图同样的尺寸,导致另外两张图拉伸变形,现在又把这个重新调整了位置,怎么调整的没啥技术含量就不细说了。这个比较显眼,先把他搞了。

第二、就是文字下划线问题

之前用的是li标签中自带的下划线,还有旁边那个点就不用再另外写了,后来发现这个标签不能修改下划线颜色,后来又把它们全换成div,这样就能修改下划线颜色了,那个点又是单独写的。


然后修改完下划线之后又出现了新的问题,点击文字的时候下划线出来时下面的布局会整体往下移,于是我又给了外面的大盒子一个固定的高度,这样问题就解决了。


第三、第二图网格布局中的头像离文字太近。


解决的方法就是把头像加了右margin,图片往里收缩了一点,这样头像和文字就有距离了。


第四,页面在缩放或者放大时在990左右会有变形,这个问题搞了比较久,试了很多种方法都不能解决,耗的时间比较长,到后来百度发现这是Boostrap栅格系统与自己额外定义的媒体查询的冲突,栅格系统自带的媒体查询,那个媒体查询不能覆盖,所以没办法命令,我定义的是990px,栅格系统自带是992的时候会发生变化,于是在缩放的时候两个媒体查询同时生效,这样就会相互冲突了,后来我就把媒体查询写成了992,这样问题就完美解决了。



明天计划的事情:


      明天早上应该能顺利的提交任务八,大家提出来的bug都改好了,然后就开始写任务九。

收获:


     就是修改完了任务八的bug吧,然后更近一步的了解栅格系统。



返回列表 返回列表
评论

    分享到