发表于： 2019-03-27 22:43:15
1 791
今天完成的事情：
任务13第一个页面（已完成）
任务13 第二个页面（进行中）
明天计划的事情：
完成任务13，因为任务13需要做侧边栏，计划了解完成侧边栏！
遇到的问题：
第二个任务图，中间游戏选项盒子，自适应出现了问题 ，中间文字变大变小出现了位置不一样，可能一直纠结与 vh值的问题，
一直用文字居中行高去解决问题
，
然而始终不能解。可能就是太死板的原因，忘记用了flex，
最后换成flex居中的问题，已解决。
第二个问题就是背景图片不显示的问题，
刚开始的的原因我以为大盒子高度不够，没有了背景图片的高度，然后背景图片一直不显示，
后来试着给大盒子了高度，然而问题还是不得已解决，今天想问题可能比较死板，最后查找资料，
问师兄，师兄一看就知道咋回事了，没给背景图片弄高度。、
查找自身原因，今天想问题，不知道举一反三，好多基础的知识，都想不到了，可能是最近的状态还有
心态不好，从现在开始，要好好端正自己的学习态度了。
收获：
通过任务13第三个页面，盒子大小的自适应问题，让我更加深刻理解了，vw，vh,%的区别，
简单来说：
% 是相对于父元素的大小设定的比率，vw、vh 是视窗大小决定的。
vw、vh 优势在于能够直接获取高度，而用 % 在没有设置 body 高度的情况下，是无法正确获得可视区域的高度的，所以这是挺不错的优势。
返回列表
评论