发表于: 2019-03-12 22:17:25
1 751
今天完成的事情:
任务8第一个页面完成
明天计划的事情:
完成任务8第二第三个页面
遇到的问题:
导航栏点击颜色问题,因为导航栏是从bootsyarp复制过来的框架,里面代码不熟悉有些,
字体颜色一直无法调节,最后在师兄的帮助下找到了无用代码,修改了bug,然后就是导航栏点击如下图
一直没办法让白色边框达到理想位置,最后查找原因是内边距paddingd的原因,因为框架自带内边距,
修改了padding属性为0修正了bug。
任务8第二个页面
文字缩小在320px出现崩塌,一直在找原因,可能以为文字用的span标签,框架用了col 数值为6.cow用的flex的原因,
flex文字布局没办法换行,刚开始自己换了p标签因为p标签自带padding属性,文字始终不能居中,最后问了师兄,换了a标签,
问题已解决。
收获:
对bootstrap框架结构的进一步运用和认知,真心感觉用熟练之后挺好用的, 然后就是栅格布局,
设置一列宽度
在Flexbox的布局上,拥有很多现代特征,比如自动布局和列宽处理。你可以在一行多列的情况下,特别指定一列并进行宽度定义,同时其它列自动调整大小,可以使用预定义的栅格类(如下所示),从而实行栅格宽或行宽的优化处理。注意在这种民琣上,无论中心定义列的宽度如何,其他列都将调整大小。
评论