发表于： 2019-12-11 22:20:00
1 942
第一，今天完成的事：
1，对task7第二个页面的制作；（初使用boostrap，后来应用的库版本不同，没有达到预取效果，然后使用flex布局成功达到预期效果）
第二，明天的计划：
1，原计划下午写出task7的第三个页面，因为引用boostrap不同版本库的原因，导致布局出现多次问题，因此导致任务推迟，所以明天早上完成页面三，并加入css3动画；
2，页面三完成后回头回答前面任务一的深度思考；
3，完成音频自定义样式，并加入网页中；
第三，遇到的问题：
1，如上图中方块中的绿色号码块随着网页缩放布局不稳定，随后多次寻找后在chorm调试工具后发现其有额外的margin，后将margin设置为0，解决如下：（关键代码）
2，hover经过显示隐藏层，但显示后的层占据文档流，使原布局有变化，解决方法是将其设置为absolute绝对定位，让其脱离文档流，解决如下：（关键代码）
第四，收获：
虽然今天因为意外的问题导致计划的推迟，但是也提高了对意外问题的解决能力，也算有些欣慰的事吧。
返回列表
评论