发表于: 2019-11-21 22:51:58
1 732
今天完成的事情:
今天完成了任务八第一张图的大半部分,这个做的比较快是因为有师兄的作参考,可以快速的看出来大致的写法,找出来那个比较合适,这个还是比较好的,也是主要有参考物,如果要是自己写的话是不可能有这么快的,这等下次就写的快了。
首先,今天早上就在写任务八第一张图轮播图下面,前三张图比较好排列,我先用了bootstrap的栅格布局中的container把列分成了12份,col-sm-12 col-md-5 col-lg-2这样的布局,我试了试这个应该是效果最好的,然后这个在大,中,小的屏幕下都能比较合适的缩放,这个几个图的排列还算简单,栅格布局现在也会用了,弄明白了才发现自己有多蠢。。。其实新知识远没有那么难学,估计是心理作用,难在理解。
然后就是总共现在也没有用到媒体查询,那是用不到,用的栅格布局就能满足我大部分的需求,估计下张图可以用到吧。
今天一天的时间就写到尾部了,其实按理说应该是能写完的,但是最后一个尾部的排版用了好长时间都没拍好,用到的是ul标签,之前也没用过,所以不太好排版,弄了比较长的时间,今天就把他给写完。
明天计划的事情:
早上把任务八第一张图给写完,然后下午就开始写第二张图,争取一天之内写完第二张图,第二个图好像要用到新的布局。
遇到的问题:
就是最下面的灰色链接字体自适应的问题,这个到现在还没排好,昨天用了两个小时在上面,因为文字用到的是span标签,这个就导致一个问题就是在空间不够的情况下文字会自动换行,这个问题也比较麻烦,我在想要不然换成div会好一点,至少不会换行。
收获:
首先就是学会了卡片布局,其实挺简单的就是bootstrap里面的栅格布局写好然后写出那种格式的代码就布局就生效了,固定的代码格式,
<div
<h1>普通卡片</h1>
<div
<div
<div
<div
</div>
</div>
然后就是写到尾部了,速度还可以。明天继续努力吧。
评论