发表于： 2018-12-01 21:04:27
1 832
今天完成的事情：
今天用了bootstrap重做任务七的第二页面
明天的计划：
巩固知识，开始任务八，晓得了一个sticky-footer的布局明天了解下
遇到的困难：
为了这个效果不管是在移动端，PC端，平板都能显示我用了三个类“col-xs-3”“col-sm-3”“col-md-3”，这三类自身规定盒子宽度为25%，我把高度设为25vw去把他构成正方形，在手机端的确是正方但是随着分辨率变化依旧不能成为标准的正方形，特别是在PC端完全不成样子，我改用过“col-lg-3”但是依旧没有改变，试过把container和row定高再把盒子定高但是没有成功。
这个小图标的位置，我用的是雪碧图嵌在背景里，出现的问题是在电脑上调试了是正常的但是在真机上就位置偏离，后面发现是因为用的单位不统一导致的。
内容和底部会留很大一部分空白的问题，我是想把内容普铺满，在师兄那里学到一种方法是把body绝对定位，上右下左全部为零，但是这个方法是把整体铺满，但是内容不够撑满所以没有实现，如果我用vh为单位的话是不是会实现？还没有试过。
收获：
综上所述
返回列表
评论